CanvasJS Responsive Issue

[Pepelux71]

Hello,

I have created a “spline” chart and implemented it in a demo page of ours.
Everything works great and chart is fully responsive when window size is resized.

But we also have a vertical left navigation sidebar, with a toggle button (visible when window width >810px).
When i click on the button and have the sidebar expanded (or collapsed back later), chart is not “recognising” the new width of its container at all. It will recognise new width only if entire browser window is manually resized.

I have created a JsFiddle demo to reproduce issue with CanvasJS script in line 141

Any help would be appreciated.
Thanks

• This topic was modified 4 years ago by Pepelux71.
• This topic was modified 4 years ago by Pepelux71.
• This topic was modified 4 years ago by Pepelux71.

[Indranil]

@pepelux71,

It seems to be working fine at our end. The side navigation menu comes up over all other body elements on clicking the menu icon because of which it is not resizing the content of the body element itself, as a result, the chart is not getting resized.

___________
Indranil Deo
Team CanvasJS

[Pepelux71]

@indranil,

As i wrote above, when window width >810px sidebar pushes content and main DIV is getting resized.

Thanks

[Indranil]

@pepelux71,

In order to understand and debug your code better can you kindly create and share a JSFiddle with bare minimal lines of code(removing unnecessary code).

This one step can assure speedy response.

___________
Indranil Deo
Team CanvasJS