Merge pull request #196 from woozyking/feature/redraw

Epoch.Chart.Canvas#redraw() method
epochjs · Oct 17, 2015 · 76b30d6 · 76b30d6
2 parents d7e663a + 9a86243
commit 76b30d6
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 2 deletions.
diff --git a/dist/js/epoch.js b/dist/js/epoch.js
@@ -838,6 +838,11 @@ Epoch.Chart.Canvas = (function(superClass) {
     });
   };
 
+  Canvas.prototype.redraw = function() {
+    Epoch.QueryCSS.purge();
+    return this.draw();
+  };
+
   return Canvas;
 
 })(Epoch.Chart.Base);

diff --git a/dist/js/epoch.min.js b/dist/js/epoch.min.js
diff --git a/src/core/chart.coffee b/src/core/chart.coffee
@@ -354,3 +354,8 @@ class Epoch.Chart.Canvas extends Epoch.Chart.Base
     super()
     @canvas.style {'width': "#{@width}px", 'height': "#{@height}px"}
     @canvas.attr { width: @getWidth(), height: @getHeight() }
+
+  # Purges QueryCSS cache and redraws the Canvas based chart.
+  redraw: ->
+    Epoch.QueryCSS.purge()
+    @draw()
diff --git a/tests/unit/core/charts.coffee b/tests/unit/core/charts.coffee
@@ -1,3 +1,5 @@
+sinon = require 'sinon'
+
 describe 'Epoch.Chart', ->
   [defaultWidth, defaultHeight] = [320, 240]
 
@@ -547,3 +549,25 @@ describe 'Epoch.Chart', ->
         chart.option 'height', newHeight
         assert.equal chart.canvas.attr('height'), pixelRatio * newHeight
         assert.equal chart.canvas.height(), newHeight
+
+    describe 'redraw', ->
+      chart = null
+      drawSpy = null
+      purgeSpy = null
+
+      before ->
+        chart = new Epoch.Chart.Canvas()
+
+      beforeEach ->
+        drawSpy = sinon.spy chart, 'draw'
+        purgeSpy = sinon.spy Epoch.QueryCSS, 'purge'
+
+      afterEach ->
+        chart.draw.restore()
+        Epoch.QueryCSS.purge.restore()
+
+      it 'should purge QueryCSS cache and redraw the canvas based chart with new styles', ->
+        chart.redraw()
+
+        assert drawSpy.calledOnce
+        assert purgeSpy.calledOnce