javascript - Google 图表 - 无可用数据 - 能够显示空白图表吗？

Question

如果我的数据数组如下所示，如何才能让 Google Charts 仍然显示折线图？ [['日期','行']]

即只是定义了轴。我的大多数图表都导入了数据，但有些图表的数据为零。我想显示一个空白图表。使用上面的数据，我收到一条错误消息而不是图表。

这是我认为的代码

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);

function drawChart() {
  var data = google.visualization.arrayToDataTable(#{@visiting_spread_movement_array});

  var options = {
                 title: 'Point Spread Movements for #{@event.visiting_team}'
                };


  var chart = new google.visualization.LineChart(document.getElementById('show-spread-visiting'));

  chart.draw(data, options);

}

Answer 1

嗯，要绘制图表，您至少需要一个数据点。要解决此问题，您可以使用以下解决方法:

      var data = google.visualization.arrayToDataTable([
          [{
              f: 'Date',
              type: 'date' // wont work whithout this
          }, {
              f: 'Line',
              type: 'number' // wont work whithout this
          }], ]);

      var options = {
          title: 'Company Performance'
      };

      if (data.getNumberOfRows() == 0) { // if you have no data, add a data point and make the series transparent
          data.addRow([new Date(), 0])
          options.series = {
              0: {
                  color: 'transparent'
              }
          }
      }

完整 fiddle :http://jsfiddle.net/qaLgh955/