Charts are not Responsive

Charts are only responsive when they are drawn by the Plotalot plugin.

Make sure that the width of your chart is set to blank or 0 (zero). This triggers the responsive behaviour in the plugin.

Responsive charts need a responsive template. Make sure that the <div> element containing the chart is able to change size as the screen size changes. Some templates may prevent this. Use the Chrome Developer Tools or the Firefox Web Developer Inspector to inspect the properties of the <div> containing the chart.

You can temporarily replace the call to the Plotalot plugin with a test container so that you can test the behaviour of your responsive CSS:

<div id="chart_21" style="border:2px solid red;">Test</div>

Check for fixed width containers in your template. One user had this:

<div style="margin:auto; width:600px;">
. . .
{plotalot id="1"}
</div>

Check that a Javascript error is not preventing the chart resizing Javascript from running. Use the Chrome Developer Tools Console or the Firefox Web Developer Console to check for Javascript errors on the page.