谷歌Line Chart后来开始系列

时间:2016-08-18 15:11:49

标签: javascript charts google-visualization

我有一个谷歌图表,上面有很多行。我拥有的其中一个数据集我只是在很晚的日子开始的,因此我想把它留出来,直到我有这些数据。但是,如果我将值设置为null或未定义,则谷歌图表说它的列数错误。有没有办法只通过

在某个时间点引入一个系列

例如,我可能想要使用以下数据:

data = [
   ["col1", "col2"],
   [5,null],
   [4,null],
   [3,1],
   [2,2],
   [1,3]
]

其中第2列仅在"位置" 3.这将使谷歌图表说第0行在需要2时有1列,而我只是希望它只在第2列开始时有数据。

1 个答案:

答案 0 :(得分:1)

var data = [
  ["col1", "col2"],
  [5,null],
  [4,null],
  [3,1],
  [2,2],
  [1,3]
];

似乎在这里工作......



google.charts.load('current', {
  callback: function () {
    var data = [
      ["col1", "col2"],
      [5,null],
      [4,null],
      [3,1],
      [2,2],
      [1,3]
    ];

    var dataTable = google.visualization.arrayToDataTable(data);
    var chart = new google.visualization.LineChart(
      document.getElementById('chart_div')
    );
    chart.draw(dataTable, {
      hAxis: {
        ticks: [1,2,3,4,5]
      }
    });
  },
  packages: ['corechart']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
&#13;
&#13;
&#13;