Question

为了显示图表，y使用典型的方式：

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加载数据。

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

我正在研究如何使用$ 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;
  }

$http - Angular的服务基于承诺 - 这意味着您在.success和.error - 函数内提供请求的回调。它在official docs中解释得非常好。

使用带有JSON的Highcharts-ng

1 个答案: