2017-09-02 8 views
0

のJSONでグラフを表示できません。私は角度jの融合図を使用します。私のデータは、私のJSONオブジェクトここでは、(私の工場との)角度httpでJSONのURLから来た:Fusionchart AngularjsはURLから

{"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"}]} 

とここに私のコントローラ:

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からデータを呼び出す

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

としてそれを変更し、レスポンスのデータプロパティにアクセスする必要があります。function(パス){ \t \t \t if(path == null || path == ''){ \t \t \t \t alert( 'error'、 'Error'、 'Path not defined。'、5000); \t \t \t \t return false; \t \t \t \t} \t \t \tアクション= $ http.get(パス).then(関数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 return action; \t \t}、 '。だから、私の友人、あなたのソリューションは影響を受けません。 – ikwijaya

+0

エラーは明らかに上に定義されています – Sajeetharan

+0

あなたは説明できますか – ikwijaya

関連する問題