Hi Team,
Today we encountered issue with chart reflow when chart container changed in width
Please find the below attached image.
Tired few possible ways to solve the issue but doesn't work as expected
1. window:resize event ( this will trigger only when the window gets resized )
2. Change parent CSS position:relative and width to 100% but still issue persist
If we take amCharts.js it atomatically gets resize when the parent div gets changed in width/height
Issue reproduced with below work flow:
- Say chart is inside the panel on <body>
- When I perform toggle sidebar , sidebar gets hide from the application
- Now the panel with the body which contains the chart gets changed in its width according to the sidebar changes
- As attached in the image chart inside the panel is not getting relow according to parent width
Please feel free to ask for any clarification
Thanks in advance
Regards,
Mani
Applied Materials