Hi,
I am having some problems with my chart container resizing to. i have a page with a collapsible side panel. when that pane is collapsed or expanded. the chart container does not resize to fit its content area container - width or height. I dont quite understand why..since if i do size the browser window, it looks like it does try to re-size.
In any event, after researching a bit, i added a function to call reflow() when the transition for the collapsing panel completes. this works now for when the panel collapses - if there is white space to the right of the chart, the chart will resize to fit. However it does not work for when the panel is expanded. the chart will not re-size and instead a horizontal scroll bar is shown.
here is the jsfiddle: https://jsfiddle.net/dizzy0ny/86wjas9L/115/
To reproduce:
1. first size the page manually so no horizonal scroll bar is visible at the bottom.
2. now click 'toggle 1' and the panel will collapse. shortly after that the reflow() event is triggered and the chart resizes correctly with regards to width. No horizonal scroll bar is shown.
3. now click 'toggle 2' again to expand the the panel. you will notice now the chart does not resize and the horizontal scroll bar is visible.
Any help in solving this would be appreciated. i would like the chart to fit in it's parent container both height and width. In the stylesheet i have set those attributes to 100% for the container element