结合使用Highcharts-ng和JSON

Question

要显示图表，请使用tipical方法：

var myapp = angular.module('myapp', ["highcharts-ng"]);

myapp.controller('myctrl', function ($scope) {

    $scope.highchartsNG = {
        options: {
            chart: {
                type: 'bar'
            }
        },
        series: [{
            data: [10, 15, 12, 8, 7]
        }],
        title: {
            text: 'Hello'
        },
        loading: false
    }
});>

但是我想从远程json加载数据。

我尝试使用官方文档中描述的方法，但使用angular不起作用。我正在使用highchart-ng，但我不知道如何加载远程JSON-Files。

我正在研究如何使用$http.get，但我仍然不知道如何使用它。

谢谢!

Answer 1

将图表的数据更改为在变量中：

var chartData = [];
[...]
series: [{
     data: chartData
}],
[...]

然后，您可以使用$http-Service，如下所示：

$http.get('/PATH/TO/MY/JSON')
  .success(function(jsonData){
      // Do some remodeling of the jsonData if necessary, else just give it to the chart:
      chartData = jsonData;
  }

基于Angular works promise的$http-Service -这意味着您可以在.success和.error-Functions中提供请求的回调。这在official docs中有很好的解释。