javascript - 更改 Google Charts (Google Visualization) Graph 的背景颜色

Question

我想简单地更改我使用 Google 图表创建的折线图的背景颜色。我感觉我在关注 Google 的 Official Documentation ，但我指定的所有更改均未应用。

我像这样传递选项:

  var options = {
      backgroundColor: 'black',
      chartArea: {
                backgroundColor: 'black'
            },
      crosshair: {
          orientation: 'vertical'
      },
      animation: {
          startup: true,
          duration: 5000
      },
    width: 500,
    height: 300     
  }; 

但它们几乎都被忽略了。有关示例，请参阅此 JSFiddle:http://jsfiddle.net/zgznoe3v/

我一定是做错了一些非常明显的错误，但对于我的生活我无法弄清楚是什么。

Answer 1

您似乎在使用 Google 的 Material Line Charts而不是 经典折线图。所以你必须使用

chart.draw(data, google.charts.Line.convertOptions(options));

参见 http://jsfiddle.net/zgznoe3v/6/

如果您不想这样做，可以坚持使用经典图表。所以不用

  google.load('visualization', '1.1', {packages: ['line']});
  var chart = new google.charts.Line(document.getElementById('chart_div'));
  chart.draw(data, options);

尝试

  google.load('visualization', '1.1', {packages: ['corechart']});
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);

参见 http://jsfiddle.net/zgznoe3v/5/