Style for Grid

# style_grid.js

var chart = c3.generate({ data: { columns: [ ['data1', 100, 200, 1000, 900, 500] ] }, grid: { x: { lines: [{value: 2}, {value: 4, class: 'grid4', text: 'LABEL 4'}] }, y: { lines: [{value: 500}, {value: 800, class: 'grid800', text: 'LABEL 800'}] } } });

# style_grid.css

.c3-xgrid-line line {
    stroke: blue;
}
.c3-xgrid-line.grid4 line {
    stroke: pink;
}
.c3-xgrid-line.grid4 text {
    fill: pink;
}
.c3-ygrid-line line {
    stroke: red;
}
.c3-ygrid-line.grid800 line {
    stroke: green;
}
.c3-ygrid-line.grid800 text {
    fill: green;
}