Hightchart Angularjs喂食控制器

时间:2018-02-19 15:45:34

标签: angularjs highcharts

我正在尝试使用Hightchart绘制图表,我的数据来自REST Web服务。

我正在使用angularjs(1.5)来获取数据。

我的服务看起来像:

app.factory('ServicesImpl', function($http){ 

    var obj = {};

    obj.getData = function(){ 
        return $http.get('http://localhost:8080/chartDepense/');
    };

    return obj;
});

我的控制器是:

app.controller('myController', function ($scope, $rootScope, ServicesImpl) { 

    $scope.chart =  ServicesImpl.getData().then(function(r){
        return  r.data;
    });

    console.log($scope.chart);  

    $scope.chartOptions = {
            title: {
                text: $scope.chart.libelle
            },
            xAxis: {
                categories: $scope.chart.categories ,
                title: {
                    text: 'les X'
                }
            },      
            yAxis: {
                title: {
                    text: 'les Y'
                }
            },
            series: [{
                data: $scope.chart.peroides
            }]
    };   

});

我得到了这个:

enter image description here

我不知道我可以在控制器中获取数据以放入chartConfig吗?

0 个答案:

没有答案