adding resize call to visualization

elastic · May 22, 2017 · 2da49f1 · 2da49f1
1 parent fbac178
commit 2da49f1
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/ui/public/visualize/visualization.js b/src/ui/public/visualize/visualization.js
@@ -3,15 +3,14 @@ import 'ui/visualize/visualize.less';
 import 'ui/visualize/visualize_legend';
 import _ from 'lodash';
 import { uiModules } from 'ui/modules';
+import { ResizeCheckerProvider } from 'ui/resize_checker';
 import visualizationTemplate from 'ui/visualize/visualization.html';
 import 'angular-sanitize';
 
-
-
-
 uiModules
 .get('kibana/directive', ['ngSanitize'])
 .directive('visualization', function (Notifier, SavedVis, indexPatterns, Private, config, $timeout) {
+  const ResizeChecker = Private(ResizeCheckerProvider);
 
   return {
     restrict: 'E',
@@ -25,6 +24,7 @@ uiModules
     template: visualizationTemplate,
     link: function ($scope, $el, attr, renderCounter) {
       const minVisChartHeight = 180;
+      const resizeChecker = new ResizeChecker($el);
 
       $scope.showSpyPanel = $scope.vis && $scope.vis.showSpyPanel || false;
 
@@ -126,6 +126,10 @@ uiModules
         visualization.destroy();
       });
 
+      resizeChecker.on('resize', () => {
+        visualization.resize();
+      });
+
 
       function jQueryGetter(selector) {
         return function () {