Javascript 谷歌图表栏背景色不工作

我所要做的就是将背景颜色更改为透明，但我甚至无法更改颜色，无论我在（奇妙的！…）文档中看到的选项组合如何

google.charts.load（'current'{
“包”：[“条”]
});
google.charts.setOnLoadCallback（drawStuff）；
函数drawStuff（）{
var data=new google.visualization.arrayToDataTable([
[“开始移动”，“百分比”]，
[“国王的棋子（e4）”，44]，
[“皇后的棋子（d4）”，31]，
[“国王骑士3（Nf3）”，12]，
[“女王的主教典当（c4）”，10]，
[‘其他’，3]
]);
变量选项={
标题:"国际象棋开局动作",，
宽度：900，
图例：{
位置：“无”
},
图表：{
标题:"国际象棋开局动作",，
副标题：“受欢迎程度百分比”
},
酒吧：“水平”，
轴线：{
x:{
0: {
边：'顶'，
标签：“百分比”
}//顶部x轴。
}
},
酒吧：{
群组宽度：“90%”
}
};
var chart=new google.charts.Bar（document.getElementById（'top_x_div'）；
图表绘制（数据、选项）；
};

在

选项中

当然对于经典GViz：

backgroundColor:{fill:'transparent'}，

如果您使用的是BETA材质，则此选项无效

但以下内容适用于经典和材质

在

添加此规则集：

OP使用的材料如下：

材料图表为beta版。外观和交互性在很大程度上是最终的，但经典图表中的许多可用选项尚未在其中提供。您可以找到此问题中尚不支持的选项列表

此外，选项的声明方式尚未最终确定，因此您必须通过替换此行来转换选项：

chart.draw（数据、选项）

……关于这一点：

chart.draw（数据，google.charts.Bar.convertOptions（选项））


在代码片段2中，我们可以清楚地看到，我们确实可以使GViz图表背景透明。核心图形是SVG，因此，如果我们想以图形方式更多地控制图表，我们需要了解一些SVG

片段1


基本GVis图表包装器设置
正文{背景：url(http://www.koolchart.com/images/background.jpg)无重复；背景尺寸：封面；}
google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
变量选项={
背景颜色：{fill:'transparent'}，
标题：“谷歌可视化图表包装设置”，
titleTextStyle：{
颜色：“蓝色”，
字体名称：“Arial”，
尺寸：22
},
哈克斯：{
文本样式：{
颜色：“#993300”
},
标题:"科目",，
titleTextStyle：{
颜色：“#993300”，
fontName:“Verdana”，
尺寸：22
}
},
言辞：{
最大值：1000，
文本样式：{
fontName:“Verdana”，
颜色：“#993300”
},
标题：“来自远程Google工作表源的快速基本图表包装器设置”，
titleTextStyle：{
颜色：“蓝色”，
字体名称：“Arial”，
字体大小：16
}
}
};
函数绘图图（）{
chart=新的google.visualization.ChartWrapper（）；
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//将您的URL放在setDataSourceUrl中（…此处…）
chart.setDataSourceUrl（'https://docs.google.com/spreadsheets/d/1_ljk07nqJf_A5tM5BJyVCHTc5Uw8jxBqdCDudJJgvmA/edit#gid=1248768532');
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
chart.setChartType（'LineChart'）；
chart.setContainerId（“图表”）；
图表.设置选项（选项）；
chart.draw（）；
}
文件可在：Plunker获得



您在回答问题之前是否对此进行了测试？它不起作用。请看片段。
 rect {
       fill:transparent;
   }