C3.js为水平线添加颜色

Question

在C3.js中是否有办法将COLOR添加到水平线，条形图中y轴的0级？默认情况下，您有此图表：

我需要的是：

有什么想法吗？感谢。

更新：我已经用了这个，但我需要添加颜色。

grid: {
            y: {
                lines: [
                    {value: 0, text: ''}
                ]
            }
        }

Answer 1

如果有人需要它，这就是魔术： https://github.com/c3js/c3/issues/362#issuecomment-46377069

Answer 2

参考文献中有一个水平（x轴）线示例：https://c3js.org/samples/grid_x_lines.html

// Copied from the reference
var chart = c3.generate({
data: {
    columns: [
        ['sample', 30, 200, 100, 400, 150, 250],
        ['sample2', 1300, 1200, 1100, 1400, 1500, 1250],
    ],
    axes: {
        sample2: 'y2'
    }
},
axis: {
    y2: {
        show: true
    }
},
grid: {
    y: {
        lines: [
            {value: 50, text: 'Label 50 for y'},
            {value: 1300, text: 'Label 1300 for y2', axis: 'y2', position: 'start'},
            {value: 350, text: 'Label 350 for y', position: 'middle'}
        ]
    }
}
});

也适用于x轴线（垂直）：https://c3js.org/samples/grid_x_lines.html