highcharts not responsive and overlapping on first view

Asked Apr 21 '17 at 20:06

Active Apr 21 '17 at 20:06

Viewed 127 times

Im having a small issue with my highcharts.

Oddly when i first view the page, the donut chart overlaps with my line chart but when i resize the window or open firebug it comes to its original position.

When i check the firebug console there are no errors related jquery or javascript.

also i have set the container width to 100% but none of the charts are becoming responsive...

Demo : http://vidznet.com/debug/

Can someone tell me why this is happening?

asked Apr 21 '17 at 20:06

LiveEn

3,193
12
59
104

try to add #container_donut{ display:inline-block; } And check its working or not ? – Ankit vadariya Apr 21 '17 at 20:13
@Ankitvadariya i added but still doesnt work – LiveEn Apr 21 '17 at 20:17
Please try to add class col-md-12 to same id container_donut – Ankit vadariya Apr 21 '17 at 20:21
@Ankitvadariya added but still doesnt work.. – LiveEn Apr 21 '17 at 20:24
Possible duplicate of [Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?](http://stackoverflow.com/questions/17206631/why-are-bootstrap-tabs-displaying-tab-pane-divs-with-incorrect-widths-when-using) – morganfree Apr 23 '17 at 15:46

highcharts not responsive and overlapping on first view

0 Answers0