【问题标题】:Google Visualization Column Chart error谷歌可视化柱形图错误
【发布时间】:2018-02-14 08:02:42
【问题描述】:

我正在尝试使用 Google Visualisation 的柱形图显示一些数据。

这是我正在使用的 html/javascript:

<script type="text/javascript">
   google.charts.load('current', {'packages':['bar']});
   google.charts.setOnLoadCallback(drawChart);

   function drawChart() {
     var data = google.visualization.arrayToDataTable([
       ['Rating', 'Form 1', 'Form 2'],
       ['Very Poor', 1000, 400],
       ['Poor', 1170, 460],
       ['Average', 660, 1120],
       ['Good', 1030, 540]
       ['Very Good', 1030, 540]

     ]);

     var options = {
       height: 400,                  
     };

     var chart = new google.charts.Bar(document.getElementById('{{ question.0.name }}'));

     chart.draw(data, options);
   }
</script>

当我去加载页面时,我得到这个错误:

jsapi_compiled_default_module.js:85 Uncaught (in promise) Error: Invalid row type for row 3
    at gvjs_Fba (jsapi_compiled_default_module.js:85)
    at Object.gvjs_8m [as arrayToDataTable] (jsapi_compiled_default_module.js:86)
    at drawChart ((index):57)
    at <anonymous>

指的是这一行(至少我认为是这样,当我点击错误时,该行在检查工具中变为黄色):

var data = google.visualization.arrayToDataTable([

【问题讨论】:

    标签: charts google-visualization


    【解决方案1】:

    我忘记了列表中的逗号

     var data = google.visualization.arrayToDataTable([
       ['Rating', 'Form 1', 'Form 2'],
       ['Very Poor', 1000, 400],
       ['Poor', 1170, 460],
       ['Average', 660, 1120],
       ['Good', 1030, 540], <----- NEEDED THIS
       ['Very Good', 1030, 540]
    
     ]);
    

    【讨论】:

      猜你喜欢
      • 2014-03-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-22
      • 1970-01-01
      • 2013-09-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多