[Bug] Realtime updates in Echarts5( high-performance plotting of large amounts of real-time time-series data)

[wangzhen21]

Version

5.3.2

Link to Minimal Reproduction

No response

Steps to Reproduce

1. Init a echarts (Basic Line Chart), my computer is i7 and 32G in memory.
2. Plot series data (I fetch 1k points from my server and plot them on the line Chart per 50ms. Using Chrome. Using canvas and svg renderer).
3. I find the chart doesn't update fast. And In fact the chart seems to only update per 300ms. I have tried to disable all animations to accelerate the progress but I cannot achieve real-time updates.

Current Behavior

Cannot achieve real-time updates(20 frame per second for 1k points) in Line Charts . Is there any chart settings I did not notice beacause I find the Echarts 5 have the reatime updates feature in the New Version Instruction?

Expected Behavior

Achieve real-time updates(20 frame per second for 1k points) in Line Charts .

Environment

- OS:Windows
- Browser:Chrome
- Framework:Vue@2

Any additional comments?

New feature in Echarts 5: In addition, the performance of line graphs with large amounts of data has also seen a significant performance improvement. We often encounter the need for high-performance plotting of large amounts of real-time time-series data, which will be updated every hundreds or tens of milliseconds.

Apache ECharts 5 deeply optimizes CPU consumption, memory usage, and initialization time in these scenarios, enabling real-time updates (less than 30ms per update) for millions of data, and even rendering within 1s for ten millions of data, with low memory usage and smooth tooltip interactions.

[helgasoft]

Well explained, but missing Minimal Reproduction code. Issues without Minimal Reproduction get rarely answered. For instance we cannot guess:

• is this happening with or without the Vue framework you are using ?
• are points added to lines, or new lines added, or new scatter points added...?
• are you using line or lines series ?
• is large, or progressive, or progressiveThreshold used and with what values ?
• what parameters of setOption are used for the update ?
• how were animations disabled ? ...and more

Also, this is a question about performance, not a bug report. Appreciate you resubmitted it as Feature in #18313.