Charts 条形图背景操作

Charts 条形图背景操作,charts,google-visualization,Charts,Google Visualization,我正在尝试实现一个带有“斑马”背景的条形图,而不是使用谷歌图表的默认网格线 有没有办法做到这一点?到目前为止还不知道怎么做 以下是我努力实现的目标: 到目前为止,我得到的是: 没有可用于更改网格线宽度的配置选项 但是,您可以在图表的'ready'事件中手动更改 请参阅以下工作片段 此处,将移动次要网格线以与轴标签对齐。 宽度增加到下一个轴标签的位置 google.charts.load('current'{ 软件包:['corechart'] }).然后(函数(){ var data=goo

我正在尝试实现一个带有“斑马”背景的条形图,而不是使用谷歌图表的默认网格线

有没有办法做到这一点?到目前为止还不知道怎么做

以下是我努力实现的目标:

到目前为止,我得到的是:
没有可用于更改网格线宽度的配置选项

但是,您可以在图表的
'ready'
事件中手动更改

请参阅以下工作片段

此处,将移动次要网格线以与轴标签对齐。
宽度增加到下一个轴标签的位置

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['X','Y'],
[school_分数,80],
[“工资分数”,72],
[‘福利评分’,50],
[“工作环境”,42],
[“安全评分”,35分]
]);
var container=document.getElementById('chart');
var chart=新的google.visualization.BarChart(容器);
google.visualization.events.addListener(图表'ready',函数(){
//查找网格线
var gridlines=container.getElementsByTagName('rect');
var minor=[];
Array.prototype.forEach.call(网格线,函数(网格线){
如果((gridline.getAttribute('width')=='1')&(&(gridline.getAttribute('fill')=='eBeb')){
小推力(网格线);
}
});
//增加其他次要网格线的宽度,使其余网格线透明
var指数=0;
labelBounds变种;
var labelBoundsNext;
var chartLayout=chart.getChartLayoutInterface();
while((labelBounds!==null)和&(索引