将背景设置为谷歌图表，图表。什么都不做

Question

我使用google-charts API绘制柱形图。当我将背景设置为图表时，它没有做任何事情。

google.setOnLoadCallback(drawChart);

  function drawChart() {
    var data = google.visualization.arrayToDataTable(<?php echo $str ?>);

    var options = {
    title: 'Business Optimization Per Predicted Conversion Rate',
    bar: {groupWidth: "70%"},
    backgroundColor: 'red',
    colors: ['purple','red'],
    fontSize:20,
    legend: { position: "none" },
    width: 900,

    };

  var chart = new google.charts.Bar(document.getElementById('chart_div_1'));
  chart.draw(data, options);
}

我在选项标签中特写的是背景需要是红色的？

Answer 1

而不是：

chart.draw(data, options);

尝试做：

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

这里发生的是你可能正在使用材料图表，并且定义了选项的方式已经改变。

请参阅google charts documentation regarding this, here：

中的此说明

  

材料图表处于测试阶段。外观和互动性   很大程度上是最终的，但宣布选项的方式不是。如果你是   将经典柱形图转换为材料柱形图，您就可以了   想要替换这一行：

     

chart.draw（数据，选项）;

     

......用这个：

     

chart.draw（data，google.charts.Column.convertOptions（options））;