Angularjsの下でhighStockチャートを自動的に再描画

Question

AngularJSの下でhighStockチャートを作成したいと思います。いくつかのボタンでいくつかのチャートオプションを変更したいと思います。ただし、オプションを変更してもチャートは自動的に再描画されないようです。 highChartで動作するa threadに従ってみましたが、highStockでディレクティブを動作させることはできません。ここではa plunkerですが、時計はうまく起動されていますが、グラフをうまく再描画する方法はわかりません。

.directive('highchart', function($parse, $timeout) { 
    return { 
     restrict: 'E', 
     template: '<div></div>', 
     replace: true, 
     link: function(scope, element, attrs) { 
     var config = $parse(attrs.config)(scope); 
     Highcharts.stockChart(element[0], config); 

     scope.$watch(attrs.watch, function(newVal) { 
      if (newVal) { 
      console.log("here" + JSON.stringify(newVal)) 
      $timeout(function() { 
       Highcharts.stockChart(element[0], config); 
      }, 0); 
      } 
     }); 
     } 
    } 
    }) 

助けてもらえますか？あなたはAPIのこのセクションから機能を使用する必要が更新すでにレンダリングされたチャートの

Answer 1

：https://api.highcharts.com/class-reference/classes.list（Chart.update()、Series.addPoint()など）。

update機能とあなたの例：https://plnkr.co/edit/X1LnekXUX0WrodQFCqMp?p=preview

$scope.chooseUnit = function (unit) { 
     $scope.chart.series[0].update({ 
     dataGrouping: { 
      units: [[unit.name, [1]]] 
     } 
     }); 
     $scope.unitSelected = unit 
    }