I have tried to make a streaming time series plot but dont get smooth performance, it makes small pauses here and there. I have tried to have three plots with 1000 data points using scattergl and extendedTraces. Code in https://jsfiddle.net/ndztq694/
Looking at the performance report in google chrome I see that the fps is no stable and that nodes and listeners keeps increasing. Perhaps the lagging is due to when the nodes and listeners are cleared?
I have tried to reproduce it in jsfiddle but everything runs smooth there, with number of nodes and listeners stable. In my project I use webpack 4.44.2 so it might be because of that? I also started to use Vue in some parts of the project but have tested this both in plain js and in a vue component without any difference.
I have used the recommended way to set up plotly.js with webpack according to this GitHub - plotly/plotly-webpack: Example repo for bundling plotly.js with webpack and browserify
Also tested to install
npm install --save ify-loader
and add the rule
Any ideas what it could be or how I could proceed with my troubleshooting?