javascript - 谷歌图表 - 没有可用数据 - 能够显示空白图表？

Question

如果我的数据数组看起来像这样，如何让 Google Charts 仍然显示折线图？ [['Date','Line']]

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

这是我认为的代码

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'
              }
          }
      }

完整的小提琴：http: //jsfiddle.net/qaLgh955/