角度指令

として使用した場合Highchartが、私は以下のように角度指令としてhighchartsを書かれている動的にリサイズされていません。角度指令

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のdiv要素がリサイズされていません。常に600x400です。ハイチャートチャートのサイズを動的に変更する方法は？

これは私が正確に角度のついた指令を使用する方法です：https://jsfiddle.net/highcharts/gwukyjhj/ ハイチャートのリフロー機能はここでは適用されません。

出典

2017-07-28 Sowmya

これが発生する場所でJSFiddleデモを提供できますか？ –

このトピックは参考になると思います。https://stackoverflow.com/questions/31754511/highcharts-how-to-use-reflow-to-allow-auto-resize-after-changing-size –

フィヨルドの例を追加しました。それが、ハイチャートを角度指示として使用する方法です。そのバイディングウィンドウのサイズを変更すると、ハイチャートのリフロー機能が適用されていないことがわかります。チャートの幅と高さは変化しません。 – Sowmya

角度要素をクラスに変換することで問題を解決しました。どういうわけか、要素の代わりにクラスとしてディレクティブを使用している場合は、高チャートリフロー機能が機能します。

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

出典

2017-08-02 06:54:52 Sowmya

答えて

関連する問題