Style for Grid

LABEL 4LABEL 800012341002003004005006007008009001000data1

# 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'}]
        }
    }
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

# 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;
}