Make chart responsive

[jo...@connectsb.nl]

Hey !

I'm having issues with the charts created by C3 not being responsive. I've tried setting the width to 100% but then I don't even see the graph anymore, then I though to use the onresized function which is available but I can't find a way to dynamically set the width of the graph.

I would like it if it's possible to calculate the width again for the graph, because I don't know the exact width the graph should be at that moment.

Does anyone have an idea ?

[diego...@funkroom.net]

The reference says:

"If this option is not specified, the height of the chart will be calculated by the size of the parent element it's appended to."

I would solve it by making the div, to which the chart is binded, responsive (with media queries)...? And not specifiy the width/height of the chart itself.

[jo...@connectsb.nl]

Op zondag 28 december 2014 15:09:50 UTC+1 schreef diego...@funkroom.net:

> The reference says:
>
> "If this option is not specified, the height of the chart will be calculated by the size of the parent element it's appended to."
>
> I would solve it by making the div, to which the chart is binded, responsive (with media queries)...? And not specifiy the width/height of the chart itself.

I've done it exactly as you said. I've used bootstrap, a div with class col-md-5 and then another div with width 100%. That last div contains the graph and that solved my issue.

[shanmug...@gmail.com]

I am also using C3 Chart Text is not responsive

[inex jimenez]

Same issue, chart width apparently can only be a fixed number, not a percentaje or ratio. So if a fixed number defined, not responsive. And it doesn't take parent div width at all