C3: colorize Y-Grid Lines

[DieterSpringer]

Hi.

How can i colorize Y grid lines?
I want to show a chart with three lines and show the averages as Y-Grid-Lines. To make it clear, that the shown average is the value from a given line, i want to use the same color for the line in the graph and for the average.
I tried to archive this using CSS only, but failed, as i can only select

<g class="c3-ygrid-line">

Is there another possibility? Or can you add an additional property of color to the grid-Lines?

[itsjoekent]

I came here looking how to do this as well, black grid lines on black background doesn't really work

[masayuki0812]

Hi, I think you can do that like this fiddle http://jsfiddle.net/EgESr/1/ . Could you check this?

[DieterSpringer]

Hi Masayuki,
this works well in my case. I never thought about assigning a class manually.
I thought, that there should be some kind of automatically assigned classes like c3-ygrid-line-# as you do with many other objects in the charts. Maybe you should do something like that nevertheless
But naming the line by myself is simple.

Thank you very much indeed. You are a magician, Masayuki ;-)

[ecgdeveloper]

I want to show all grid lines solid in black color without specifying class for each element. Please provide solution if you are aware about it.

I don't know why c3.js showing grid lines dotted instead of solid lines. This doen't look good at all.