javascript - 谷歌图表 vAxis 用各自的浅色背景勾选多种颜色

Question

这是我的谷歌图表 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);

哪些结果

但我想像

如何像上面那样做，在刻度线下有不同的背景颜色。请为此支持我。

提前致谢

Answer 1

我使用 Google 库中组合图表中的 stepped area 图表完成了此操作...其中每个阶梯区域的值是刻度值。

这是 jsfiddle code 的链接