ecstephens
Posts: 1
Joined: Thu Sep 03, 2015 7:12 pm

Responsiveness in Highcharts Cloud

We just started using Highcharts Cloud, and we're having trouble getting the width to adjust correctly on our responsive site. The iframe gives us 100% width, but we end up with a horizontal scroll bar rather than the whole graphic readjusting. We were able to get the charts to be responsive when we used the Javascript code, but we like how simple it is to create charts in cloud. Any adjustments we could make to the code to give us an iframe that is responsive?
OysteinMoseng
Posts: 52
Joined: Mon May 19, 2014 8:29 am

Re: Responsiveness in Highcharts Cloud

Apologies for the late reply, we've been experiencing issues with the notification system on the Cloud forum.

If the iframe is responsive, the chart should adjust (e.g. http://jsfiddle.net/u7c4acwj/ - try resizing the window). If this does not work for you, could you supply a link to the chart in question, as embedded on a page? If this is not possible, could you supply the CSS options for the iframe?
Øystein Moseng
Head of Accessibility / Core Developer
Highcharts Team

Return to “Highcharts Cloud”