added resize to fix issue n3-charts#13

hellsan631 · Aug 12, 2015 · 7d58ff5 · 7d58ff5
1 parent 252f589
commit 7d58ff5
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 1 deletion.
diff --git a/dist/pie-chart.js b/dist/pie-chart.js
@@ -25,6 +25,7 @@
       function link($scope, element, attrs, ctrl) {
         var dim = $utils.getDefaultMargins();
         var svg;
+        var promise;
 
         var updateDimensions = function(dimensions) {
           dimensions.width = element[0].parentElement.offsetWidth || 900;
@@ -59,6 +60,33 @@
             .updateLegend(svg, data, dimensions, options);
         };
 
+        var redraw = function(){
+          var redrawData = $utils.addDataForGauge($scope.data, $scope.options);
+
+          $utils.clean(element[0]);
+          updateDimensions(dim);
+          svg = $utils.bootstrap(element[0], dim);
+
+          $utils
+            .draw(svg)
+            .updatePaths(svg, redrawData, dim, $scope.options)
+            .addLegend(svg)
+            .updateLegend(svg, redrawData, dim, $scope.options);
+
+        };
+
+        var resizeWindow = function(){
+          if (promise) {
+            $timeout.cancel(promise);
+          }
+
+          promise = $timeout(redraw, 1);
+
+          return promise;
+        };
+
+        $window.addEventListener('resize', resizeWindow);
+
         $scope.$watch('data', function(newValue, oldValue) {
           newValue = $utils.addDataForGauge(newValue, $scope.options);
 

diff --git a/dist/pie-chart.min.js b/dist/pie-chart.min.js
diff --git a/lib/pie-chart.js b/lib/pie-chart.js
@@ -22,6 +22,7 @@
       function link($scope, element, attrs, ctrl) {
         var dim = $utils.getDefaultMargins();
         var svg;
+        var promise;
 
         var updateDimensions = function(dimensions) {
           dimensions.width = element[0].parentElement.offsetWidth || 900;
@@ -56,6 +57,33 @@
             .updateLegend(svg, data, dimensions, options);
         };
 
+        var redraw = function(){
+          var redrawData = $utils.addDataForGauge($scope.data, $scope.options);
+
+          $utils.clean(element[0]);
+          updateDimensions(dim);
+          svg = $utils.bootstrap(element[0], dim);
+
+          $utils
+            .draw(svg)
+            .updatePaths(svg, redrawData, dim, $scope.options)
+            .addLegend(svg)
+            .updateLegend(svg, redrawData, dim, $scope.options);
+
+        };
+
+        var resizeWindow = function(){
+          if (promise) {
+            $timeout.cancel(promise);
+          }
+
+          promise = $timeout(redraw, 1);
+
+          return promise;
+        };
+
+        $window.addEventListener('resize', resizeWindow);
+
         $scope.$watch('data', function(newValue, oldValue) {
           newValue = $utils.addDataForGauge(newValue, $scope.options);