Highchart沒有動態調整

我已經寫highcharts的角度指令如下：Highchart沒有動態調整

var app = angular.module("myApp", []); 
app.directive("hc", function() { 
    return { 
     restrict: 'E', 
     template: '<div></div>', 
     scope: { 
      options: '=' 
     }, 
     link: function (scope, element) { 
      scope.$watch('options', function(newVal, oldVal){ 
       if (newVal) { Highcharts.chart(element[0],scope.options);} 
      }); 
     } 
    }; 
});

但是在屏幕尺寸調整的，highchart格不調整。它總是600x400。如何動態調整高圖表的大小？

這就是我精確使用角度指令的方法：https://jsfiddle.net/highcharts/gwukyjhj/ 但highcharts的迴流功能在這裏不適用。

來源

2017-07-28 Sowmya

你可以提供一個工作的JSFiddle演示發生這種情況嗎？ –

我認爲這個主題可能會有所幫助：https://stackoverflow.com/questions/31754511/highcharts-how-to-use-reflow-to-allow-auto-resize-after-changing-size。 –

添加示例小提琴。這就是我如何使用highcharts作爲角度指令。如果您調整該小提琴窗口的大小，則可以看到高頻圖迴流功能未應用。圖表的寬度和高度不變。 – Sowmya

我通過將角度元素轉換爲類來解決了這個問題。不知何故，如果我使用指令作爲類而不是元素高圖表迴流功能的作品。

<div class="hc" id="container"></div>

來源

2017-08-02 06:54:52 Sowmya

回答

相關問題