谷歌图表(生成带日期轴的图表)

时间:2016-12-15 21:25:16

标签: javascript charts linechart

使用google line charts中的代码,我始终收到以下错误:

Uncaught SyntaxError: missing ) after argument list

代码:

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

  function drawLogScales() {
        var data = new google.visualization.DataTable();
        data.addColumn('number', 'X');
        data.addColumn('number', 'PTH/s');

        data.addRows([
          [new Date(2016-12-15 21:23:07), 0.78],
          [new Date(2016-12-14 21:23:07), 5.31],
          [new Date(2016-12-13 21:23:07), 8.38],
          [new Date(2016-12-12 21:23:07), 0.72],
          [new Date(2016-12-11 21:23:07), 3.27],
          [new Date(2016-12-10 21:23:07), 0.78],

        ]);

        var options = {
          hAxis: {
            title: 'Time (h)',
            logScale: true
          },
          vAxis: {
            title: 'PTH/s',
            logScale: false
          },
          colors: ['#a52714', '#097138']
        };

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

在出现问题的时候,我感到非常困惑。我认为synatx很好。

1 个答案:

答案 0 :(得分:0)

问题实际上是您如何创建日期。由于您要传递一个字符串,因此您应该在日期字符串周围声明一个带引号的新日期:

new Date('2016-01-01 01:01:01')

为了让您的代码正常工作,我还将每个日期转换为字符串,并更改日期的列类型来自&#39; number&#39;到&#39;字符串&#39;。查看工作代码的小提琴。

https://jsfiddle.net/nz5yto73/