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>
私はjsonがセミコロンを読むことができないと期待しているので、これを修正する追加コードでした – rnDesto
私はうれしいです。 –
あなたが私に与えた参考に感謝します – rnDesto