Javascript google charts vAxis用各自的浅色背景勾选多种颜色

这是我的谷歌图表vAxis多色代码

var gridlines = [
    '#ff0000',
    '#00ff00',
    '#0000ff'
];

var container = document.getElementById('chart_div');
var chart = new google.visualization.ColumnChart(container);
google.visualization.events.addListener(chart, 'ready', function () {
    var gridlineIndex = 0;
    Array.prototype.forEach.call(container.getElementsByTagName('rect'), function(rect, index) {
    if (rect.getAttribute('height') === '1') {
        rect.setAttribute('fill', gridlines[gridlineIndex]);
        gridlineIndex++;
    }
});

chart.draw(data, options);

结果是什么

但我想成为

如何做到像上面一样，用不同的背景色打勾。 请支持我

提前感谢

我已经使用谷歌库中组合图中的

阶梯区域
图表完成了这项工作。。。
其中，每个阶梯区域的值是刻度的值

这是检查的链接……太棒了，它帮助了我，谢谢@whitehat可能的副本