来自json的谷歌图表数据不工作

Question

我试图从json获取数据以使用谷歌图表显示在我的页面上。 当我在我的js中硬编码数据时，它显示出来了，但是为什么当我通过json调用externaly时它没有显示，它说“表没有列”。 为什么发生这种情况，任何建议如何得到这个作品？ 谢谢

$(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>

Answer 1

一切都看起来不错，尝试验证您的JSON文件。你可以粘贴你的代码here，看看你的JSON文件是否有问题。

您可能会在最后缺少一个大括号。