2017-09-02 22 views
0

我使用融合图表进行角度js。Fusionchart Angularjs无法显示来自URL的JSON Graph

{"chart":{"caption":"Asset Hardware by Status","numberPrefix":"","dataFormat":"json","theme":"fint","showBorder":"0","borderAlpha":"0","bgAlpha":"0","useplotgradientcolor":"0","showplotborder":"0"},"data":[{"label":"OK","value":"281"},{"label":"OK GUDANG","value":"26"},{"label":"OK MUTASI","value":"8"},{"label":"PEMINJAMAN","value":"2"},{"label":"RUSAK GUDANG","value":"0"},{"label":"RUSAK SERVICE","value":"11"},{"label":"TERJUAL","value":"0"}]} 

,在这里我的控制器:我的数据从json的网址为http角度(与我厂),在这里我的JSON对象来

app.controller("GraphCtrl",function(GlobalFactory,$scope){ 
$scope.myDataSource = ''; 
$scope.getData = function(){ 
    GlobalFactory.typeahead(restUrl('assethw_status')).then(function(d){ 
     $scope.myDataSource = d; 
     console.log(d); 
    }); 
} 

// if i use this the chart work normally 
// this json object is same as than output from URL 
$scope.myDataSource = {"chart":{"caption":"Asset Hardware by Status","numberPrefix":"","theme":"fint","showBorder":"0","borderAlpha":"0","bgAlpha":"0","useplotgradientcolor":"0","showplotborder":"0"},"data":[{"label":"OK","value":"281"},{"label":"OK GUDANG","value":"26"},{"label":"OK MUTASI","value":"8"},{"label":"PEMINJAMAN","value":"2"},{"label":"RUSAK GUDANG","value":"0"},{"label":"RUSAK SERVICE","value":"11"},{"label":"TERJUAL","value":"0"}]}; 

// but if i use from json url the chart show no data to display 
// may i miss something? 
$scope.getData(); 
$scope.refresh = function(){ 
    $scope.getData(); 
} 
}); 

我的问题是, 如果我使用本地JSON数据,图表正常工作,但如果我使用json表单URL,图表不显示任何数据。我可以想念什么吗?

感谢提前, ikwijaya

回答

0

你应该访问响应的数据属性,将其更改为

GlobalFactory.typeahead(restUrl('assethw_status')).then(function(d){ 
     $scope.myDataSource = d.data;  
}); 
+0

我从GlobalFactory调用数据,在这里这个'预输入:功能(路径){ \t \t \t如果(路径== NULL ||路径== ''){ \t \t \t \t警报( '错误', '错误', '不限定路径',5000); \t \t \t \t return false; \t \t \t \t} \t \t \t行动= $ http.get(路径)。然后(函数successCallback(RES){ \t \t \t \t如果(res.status == 200){ \t \t \t \t \t返回res.data; \t \t \t \t} \t \t \t \t警报( '错误', '错误',res.messa GE,5000); \t \t \t},功能errorCallback(RES){ \t \t \t \t如果(res.status == 404){ \t \t \t \t \t警报( '错误', '错误404','URL事先键入的内容未找到。 ”,5000); \t \t \t \t} \t \t \t}); \t \t \t return action; \t \t}。所以我的朋友,你的解决方案不受影响。 – ikwijaya

+0

错误在上面明确定义 – Sajeetharan

+0

你能解释一下吗 – ikwijaya