Memory leak in realtime chart

[harconst]

Codepen

Using chrome, open the task manager and inspect the browser tab containing a realtime chart like this codepen . You will notice that the memory footprint for the tab goes up by the second (sometimes 3MB/sec). Can also be seen in the realtime demo page.

Explanation

• What is the behavior you expect?

I expected the memory footprint to be almost constant

• What is happening instead?

The memory footprint goes up much faster than expected.

• What error message are you getting?

No error messages

I haven't dove into the source yet, just thought to post my finding here first in case someone has spotted the same issue.

Regards

[junedchhipa]

@harconst
Thanks for catching that. I tested the real-time charts and indeed the memory consumption goes much higher after 5 mins.

I am keeping an eye on this issue marking it as a high priority bug.

[junedchhipa]

Fixed the memory leak issues in the major release v2.0.0
There were DOM elements which were referenced even after destroy()
Removed all such references. Now if you watch the realtime demo example https://apexcharts.com/javascript-chart-demos/line-charts/realtime/ - the memory footprint doesn't increase crazily.

I tested with ~100 chart updates (at every 1 sec), and the Heap Snapshot increased from 21.3 MB to 21.4 MB