Debounce Resize

[87hen...@gmail.com]

Hi There,

Has any developed out the c3.js lib to use debounce event for resizing of the charts? Currently building a widget based dashboard though the current resize is bricking the page.

Thanks
Dave

[Ben Drechsel]

How are you resizing the chart?

[87hen...@gmail.com]

The resizing of the charts is done using c3's built in function for this. I think it is being done using this function, though I can't be sure:

c3_chart_internal_fn.generateResize

I have a series of charts inside gridstack.js cells so when I resize the page or the gridstack cells the page becomes quite sluggish. Works great when I comment out the resize function though I need to charts to fill each cell. This led me to look at applying a debounce in the hope it will resolve this issue.

Thanks
Dave

[Ben Drechsel]

I have static dimensions applied to all my charts and chart containers, but the resize event is still being called every time the containing iframe is resized. I even tried absolutely positioning the charts to pull them out of the flow completely, and they're still being redrawn ~15 times whenever the iframe changes.

Did your de-bounce experiments work out?

[r.knol...@gmail.com]

Hi, if anyone wants to try if debouncing the resize events makes a difference, take a look at my PR (https://github.com/masayuki0812/c3/pull/1113). You can configure the debounce time with resize.timeout (default = 100 ms)..
Cheers!