Charts google折线图，用于按小时显示销售报告_Charts_Google Visualization

Charts google折线图，用于按小时显示销售报告

charts google-visualization

Charts google折线图，用于按小时显示销售报告,charts,google-visualization,Charts,Google Visualization,如何绘制谷歌折线图以显示销售报告小时数，我在谷歌中搜索，找到了折线图的一个解决方案，但它需要两个项目，但我只需要每小时销售的折线图..我尝试删除第二个数量，但出现了错误。我尝试了以下代码 <html> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div>

如何绘制谷歌折线图以显示销售报告小时数，我在谷歌中搜索，找到了折线图的一个解决方案，但它需要两个项目，但我只需要每小时销售的折线图..我尝试删除第二个数量，但出现了错误。我尝试了以下代码

<html>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>     
</html>
<script>
google.charts.load('current', {packages: ['linechart', 'line']});
google.charts.setOnLoadCallback(drawCurveTypes);

function drawCurveTypes() {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'X');
  data.addColumn('number', 'Dogs');

  data.addRows([
    [0, 0],    [1, 10],   [2, 23],  [3, 17 ],   [4, 18],  [5, 9],
    [6, 11],   [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35,
    [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
    [18, 52], [19, 54], [20, 42]
  ]);

  var options = {
    hAxis: {
      title: 'Time'
    },
    vAxis: {
      title: 'Popularity'
    },
    series: {
      1: {curveType: 'function'}
    }
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
</script>


load（'current'，{packages:['linechart'，'line']}）；
google.charts.setOnLoadCallback（DrawCurveType）；
函数drawCurveType（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，'Dogs'）；
data.addRows([
[0, 0],    [1, 10],   [2, 23],  [3, 17 ],   [4, 18],  [5, 9],
[6, 11],   [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35,
[12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
[18, 52], [19, 54], [20, 42]
]);
变量选项={
哈克斯：{
标题：“时间”
},
言辞：{
标题：“人气”
},
系列：{
1:{curveType:'函数'}
}
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

当我尝试上面的代码时，我得到了下面的错误

未捕获的语法错误：意外标记）位于data.addRows的结尾。请找人帮助我。提前感谢。

问题在于数据

其中一个数组值上缺少括号

data.addRows([
  [0, 0],    [1, 10],   [2, 23],  [3, 17 ],   [4, 18],  [5, 9],
  [6, 11],   [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35,   // <-- missing bracket
  [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
  [18, 52], [19, 54], [20, 42]
]);

data.addRows([
  [0, 0],    [1, 10],   [2, 23],  [3, 17 ],   [4, 18],  [5, 9],
  [6, 11],   [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],   // <-- correct
  [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
  [18, 52], [19, 54], [20, 42]
]);