Highcharts-ng 未更新以反映基础数据答案

【问题标题】：Highcharts-ng not updating to reflect underlying dataHighcharts-ng 未更新以反映基础数据
【发布时间】：2017-03-24 18:22:33
【问题描述】：

我在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());
    }
  })

【问题讨论】：

标签： javascript angularjs highcharts highcharts-ng

【解决方案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

【讨论】：