question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Perf] High CPU overload and user interaction freezed in SVG map (canvas & svg)

See original GitHub issue

Version

5.1.1

Reproduction link

https://echarts.apache.org/examples/zh/editor.html?c=geo-svg-scatter-simple

Steps to reproduce

  • Open the reproduction link
  • Watch the CPU overload in default canvas renderer
  • Switch to svg renderer
  • Watch the CPU overload and effectScatter rendering
  • The effectScatter’s animation becomes not smooth any more

What is expected?

Lower CPU overload and effectScatter has a smooth animation

What is actually happening?

High CPU overload and the animation of effectScatter is not smooth.

effectScatter with svg renderer

effectScatter with svg coord

Simple effectScatter

Others

I noticed that a strange zrender level named zr_100000 was added to the DOM.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
pissangcommented, Oct 8, 2021

Seems the performances have been improved in the new SVG renderer https://github.com/ecomfe/zrender/pull/836

0reactions
plainheartcommented, Oct 8, 2021

Awesome! The performance got improved significantly. It can be closed later.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[GitHub] [echarts] pissang commented on issue #14875: [Perf] High ...
... [Perf] High CPU overload and user interaction freezed in SVG map (canvas & svg) ... SVG rendering mode is not good at...
Read more >
High CPU usage (above 50%) · Issue #1941 · airbnb/lottie-web
Made the suggested changes and it seems like the CPU usage get a little bit lower. Also tried to changed the renderer to...
Read more >
Slow rendering - Android Developers
If your app suffers from slow UI rendering, then the system is forced to skip frames and the user will perceive stuttering in...
Read more >
Platform/GFX/perf triage - MozillaWiki
100 draw calls per frames is a reasonable amount (not a hard limit). Multiple hundreds, however, tend to cause excessive CPU usage in...
Read more >
Advanced tuning: finding and fixing slow Elasticsearch queries
Operating system shows consistently high CPU / disk I/O usage. Performance gain can be seen after stopping third-party applications.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found