onemenny
Posts: 29
Joined: Wed Jul 23, 2014 3:33 pm

Chart not responsive in display:table

Hi,

Highcharts seems to be not responsive when the chart is located inside a control with style display:table. this only happens when you resize the window width downwards where suddenly the chart area is way over the defined bootstrap columns.

it also seems that chart.containerWidth and reflow width are the same and only change when you increase the window size.

please view: http://jsfiddle.net/onemenny/4x5xzw17/

please advice
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: Chart not responsive in display:table

You could see that similar StackOverflow topic - http://stackoverflow.com/questions/2593 ... en-smaller
Kacper Madej
Highcharts Developer
onemenny
Posts: 29
Joined: Wed Jul 23, 2014 3:33 pm

Re: Chart not responsive in display:table

Why should i use position:absolute, this has other effects on my entire design.
can it be solved in other ways? does highchart can come up with a solution when the chart is rendered in table view?
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: Chart not responsive in display:table

With help of JavaScript function that will force chart.setSize to match its container issue seems to be resolved.
Example: http://jsfiddle.net/927bbvam/2/
Kacper Madej
Highcharts Developer
onemenny
Posts: 29
Joined: Wed Jul 23, 2014 3:33 pm

Re: Chart not responsive in display:table

sorry for nagging, but it is still not clear to me why highcharts does not handle this internally?
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: Chart not responsive in display:table

There are possible workarounds, but looks like issue is still open - https://github.com/highslide-software/h ... ssues/1157
Kacper Madej
Highcharts Developer

Return to “Highcharts Usage”