show/hide grid lines dynamically (on chart.load?)

[philrenaud]

Hi! Is there any way to, on chart.load or any other event, set custom grid line values? I have several permutations/views on a single chart and their y-axis values are wildly different; I'd only like to show my custom gridlines on certain views.

Thanks!

[philrenaud]

(similarly, could one change the range in a similar way? per http://c3js.org/samples/axes_y_range.html )

[masayuki0812]

Hi, sorry currently not. But I think these APIs should be available, so I'll add them.
Please give me some time.

Thank you!

[masayuki0812]

I added grid APIs. There are 6 APIs such as xgrid, xgrid.add, xgrid.remove , ygrid, ygrid.add, ygrid.remove.

Sample is also committed. Please see https://github.com/masayuki0812/c3/blob/master/htdocs/samples/grid_x_lines.html and https://github.com/masayuki0812/c3/blob/master/htdocs/samples/grid_y_lines.html .

Could you try these? And please let me know if you have any suggestion.

Thank you.

[philrenaud]

@masayuki0812 perfect, works like a charm :) Thank you for your time!

[arush-nitkkr]

Can we anchor the text associated with optional grid lines to some other place rather than at the end.

[masayuki0812]

@arush-nitkkr #813 seems to work for your case.

[ephilosophy]

Hii, I am having problem with show/hide ygrids dynamically. The grids don't load when the chart loads but when I press F12 the grids shows.. what could be the problem.
Thanks!