Google 不会显示折线图

Question

我是 Google 图表的新手。我的 html 文件根本没有输出。我哪里做错了？

我试图坚持原来的例子 (https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart)，但我找不到任何不同之处。我基本上也只是修改了 "data code".

谢谢和问候，anumpho

<html>
<head>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1.1', {packages: ['line']});
    google.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
data.addColumn('number'), 'Year');
data.addColumn('number'), 'Gesamt');
data.addColumn('number'), 'Allgemein bildende Pflichtschulen');
data.addColumn('number'), 'Neue Mittelschulen');
data.addColumn('number'), 'Allgemein bildende hoehere Schulen');
data.addColumn('number'), 'Sonstige allgemein bildende (Statut-)Schulen');
data.addColumn('number'), 'Berufsschulen');
data.addColumn('number'), 'Berufsbildende mittlere und hoehere Schulen');
data.addColumn('number'), 'Lehrerbildende Schulen');
data.addColumn('number'), 'Schulen und Akademien im Gesundheitswesen');


      data.addRows([
[2004,  211.612,    103.473,    0,      55.534,     0,      17.726,     31.089,     3.790,      0], 
[2005,  212.343,    102.780,    0,      56.956,     0,      18.139,     30.631,     3.837,      0], 
[2006,  226.732,    101.569,    0,      57.965,     3.850,  22.464,     31.929,     3.485,      5.470], 
[2007,  226.773,    100.181,    0,      58.572,     4.079,  23.205,     32.009,     3.448,      5.279], 
[2008,  225.749,    99.278,     0,      58.699,     4.225,  23.447,     31.562,     3.532,      5.006], 
[2009,  226.483,    97.137,     1.892,  58.050,     4.177,  23.786,     31.902,     4.774,      4.765], 
[2010,  224.697,    95.159,     3.802,  57.541,     4.521,  23.007,     32.175,     3.702,      4.790], 
[2011,  225.414,    94.761,     5.445,  57.385,     4.537,  22.160,     32.673,     4.168,      4.285], 
[2012,  225.645,    98.654,     0,      59.608,     4.435,  21.541,     33.179,     4.411,      3.817]
      ]);

      var options = {
        chart: {
          title: 'Box Office Earnings in First Two Weeks of Opening',
          subtitle: 'in millions of dollars (USD)'
        },
        width: 900,
        height: 500
      };

      var chart = new google.charts.Line(document.getElementById('linechart_material'));

      chart.draw(data, options);
    }
  </script>
</head>
<body>
  <div id="linechart_material"></div>
</body>
</html>

Answer 1

您的所有 "data.addColumn" 行都缺少左括号“(”。

例如：

应该是：

data.addColumn(('number'), 'Year');

不是：

data.addColumn('number'), 'Year');

或者您可以像这样删除每行 'number' 后的右括号：

data.addColumn('number', 'Year');

Google 不会显示折线图

Google Line Charts will not display

html

charts

linechart