将JSON数据直接加载到highcharts angular

时间:2015-07-23 23:09:02

标签: json angularjs highcharts highcharts-ng

我正在使用https://github.com/pablojim/highcharts-ng在我的angularjs应用中构建Highcharts。正如在该网站上所建议的那样,我在控制器中配置我的图表配置如下:

$scope.chartConfig6 = {
    options: {
        chart: {
            type: 'bar'
        }
    },
    series: [{
        data: [33, 55, 10, 18, 17]
    }],
    title: {
        text: 'Agent FNOL Ranking'
    },  
    loading: false
}

现在我有一个json文件:http://pastebin.com/SEu8dHkB如果你进行搜索,你可以在json上找到名为“highChart”的字段,其中包含高图的配置。现在我希望能够在控制器中直接从json到我的highcharts配置使用这些配置或作为指令。这就是我在服务中通过http获取json文件的方式:

.factory('Swoop',function($http,$filter,$q){
  return {
    all: function(){
    var deferred = $q.defer();
    $http.get("swoop.json").success(
            function(data){
                // angular.copy(data, studies);
                deferred.resolve(data);
            }
        );
      return deferred.promise;
    }
}})

但是,我不知道如何将这些数据(在json中的highChart对象下)呈现给$ scope.chartConfig6,就像我上面所做的那样。有人可以告诉我这是怎么做到的吗?

0 个答案:

没有答案