Javascript Google Charts backgroundColor不适用于示例代码

我使用中的代码创建水平条形图：

选项backgroundColor适用于其他图表类型，如和

有没有办法改变条形图的背景色

google.load（'visualization'，'1.1'，{packages:['bar']}）；
函数drawVisualization（）{
//创建并填充数据表。
var data=new google.visualization.arrayToDataTable([
[“开始移动”，“百分比”]，
[“国王的棋子（e4）”，44]，
[“皇后的棋子（d4）”，31]，
[“国王骑士3（Nf3）”，12]，
[“女王的主教典当（c4）”，10]，
[‘其他’，3]
]);
变量选项={
背景色：{fill:'#000'}，//这不起作用
标题:"国际象棋开局动作",，
宽度：900，
图例：{位置：'无'}，
图表：{标题：'国际象棋开局动作'，
副标题:"人气百分比",，
条形图：“水平”，//物料条形图为必填项。
轴线：{
x:{
0:{侧面：“顶部”，标签：“百分比”}//顶部x轴。
}
},
条：{groupWidth:“90%”，
};
var chart=new google.charts.Bar（document.getElementById（'top_x_div'）；
图表绘制（数据、选项）；
}
setOnLoadCallback（drawVisualization）
您使用的是物料条形图（请参见。）

参见文档段落末尾的注释：

材料图表为beta版。外观和交互性都很好
基本上是最终的，但选项的声明方式并非如此。如果你是
将经典条形图转换为材质条形图，您需要
替换此行：

chart.draw(data, options);

……关于这一点：

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

因此，如果您希望将标准选项考虑在内，您需要使用google.charts.Bar.convertOptions（）包装它们

试试看，效果很好