2017-04-10 5 views
0

jsonのデータをGoogleのグラフを使用してページに表示しようとしています。 jsでデータをハードコードすると表示されましたが、json経由でexternalyを呼び出すと表示されない理由は「テーブルには列がありません」ということです。 なぜこれが起こっているのですか?これを取得する方法はありますか? はjsonのgoogle chartのデータが正常に動作しない

$(document).ready(function(){ 
 
\t google.charts.load('current', {'packages':['corechart']}); 
 
\t google.charts.setOnLoadCallback(drawChart); 
 

 
\t function drawChart() { 
 
// var jsonData ={ 
 
// "cols":[ 
 
// \t \t { 
 
// \t \t \t "label":"Unit", 
 
// \t \t \t "type":"string" 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t \t "label":"Unit A", 
 
// \t \t \t "type":"number" 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t \t "label":"Unit B", 
 
// \t \t \t "type":"number" 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t \t "label":"Unit C", 
 
// \t \t \t "type":"number" 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t \t "label":"Unit D", 
 
// \t \t \t "type":"number" 
 
// \t \t } 
 
// \t ], 
 
// "rows":[ 
 
// \t \t { 
 
// \t \t "c":[ 
 
// \t \t \t \t {"v":"02/03/2017"}, 
 
// \t \t \t \t {"v":1.0}, 
 
// \t \t \t \t {"v":10.0}, 
 
// \t \t \t \t {"v":2.0}, 
 
// \t \t \t \t {"v":4} 
 
// \t \t \t ] 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t "c":[ 
 
// \t \t \t \t {"v":"02/04/2017"}, 
 
// \t \t \t \t {"v":1.0}, 
 
// \t \t \t \t {"v":10.0}, 
 
// \t \t \t \t {"v":2.0}, 
 
// \t \t \t \t {"v":4} 
 
// \t \t \t ] 
 
// \t \t }, 
 
// \t \t { 
 
// \t \t "c":[ 
 
// \t \t \t \t {"v":"02/04/2017"}, 
 
// \t \t \t \t {"v":1.0}, 
 
// \t \t \t \t {"v":10.0}, 
 
// \t \t \t \t {"v":2.0}, 
 
// \t \t \t \t {"v":4} 
 
// \t \t \t ] 
 
// \t \t } 
 
// \t ] 
 
// }; 
 
\t \t var jsonData = $.ajax({ 
 
\t \t \t \t url: "myfile.json", 
 
\t \t \t \t dataType: "json", 
 
\t \t \t \t async: false 
 
\t \t \t }).responseText; 
 
\t \t var data = new google.visualization.DataTable(jsonData); 
 
\t \t var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
 

 
\t \t chart.draw(data); 
 
\t } 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

答えて

1

すべてが正常に見えるあなたは、あなたのJSONファイルを検証してみてください感謝します。コードhereを貼り付けて、JSONファイルにsthが間違っているかどうかを確認することができます。

最後にかっこがないことがあります。

+0

私はjsonがセミコロンを読むことができないと期待しているので、これを修正する追加コードでした – rnDesto

+0

私はうれしいです。 –

+0

あなたが私に与えた参考に感謝します – rnDesto

関連する問題