Highcharts-ng不更新以反映底层数据

Question

我遇到了Highcharts-ng的最新(1.0)版本的一个问题:图表不再更新以反映底层数据。

Here's a Plunker demonstrating how it SHOULD work (highcharts-ng v0.0.13)

And here's a Plunker demonstrating what happens in the 1.0 release (nothing)

我已经浏览了Highcharts-ng文档，没有找到任何关于图表不再更新的内容。有没有人对如何解决这个问题有什么建议？

演示应用控制器：

angular.module("app", ['highcharts-ng'])
  .controller("AppController", function($scope, $http) {
    $scope.title = "Click 'add a point' to see chart update";

    // Chart configuration object.
    $scope.chartConfig = {
      chart: {
        type: 'column'
      },
      series: [{
        data: [10, 15, 12, 8, 7],
        id: 'series1'
      }],
      title: {
        text: 'Hello'
      },
      xAxis: {

      }
    };

    $scope.addPoint = function(){
      $scope.chartConfig.series[0].data.push(Math.random());
    }
  })

Answer 1

你的plunkr使用的是Highcharts 4.2.4，它还不支持chart.update()方法。Highcharts-ng 1.x需要Highcharts 5+。

    <script data-require="highcharts@*" src="https://code.highcharts.com/5/highcharts.js"></script>

示例：https://plnkr.co/edit/7rXbYUqoFpeRUnYmQaA9?p=preview