2017-09-02 27 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