apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.2k stars 19.61k forks source link

涟漪图-effectScatter-加上后cpu占用率从5%跳到38%左右,请问如何解决? #9448

Open woshidamaomao opened 5 years ago

woshidamaomao commented 5 years ago

General Questions

PLEASE MAKE SURE OF ALL THE FOLLOWING OPTIONS IN REQUIRED FIELDS ARE TICKED (with x)! Otherwise, the issue will not be answered. And think before you tick. :) 请确保以下每项都打上勾了!并且确保都做了这些事哦~ 这将大量简化我们的工作流程,使你的问题更快速得到解答。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息:

Issue Type

Issue Details

我在geo地图中使用了effectScatter后,cpu占用率激增

Expected Behavior

能够降低cpu占用

Current Behavior

cpu占用30%以上

Online Example

地图渲染后如下: image

占用率如下(火狐浏览器): image

{ name: '涟漪图', type: 'effectScatter', showEffectOn: 'render', coordinateSystem: 'geo', rippleEffect: { period: 6, scale: 6, brushType: 'fill' // 动画中波纹的最大缩放比例。stroke fill }, animation: false, // data: seriesData.fluxSeriesData, data: [ { "symbolSize": 12, "itemStyle": { "color": "rgba(250,58,71,0.6)" }, "value": [ "116.403039", "39.914909" ] } ], z: 1 }

Topics

Anything Else We Need to Know

{DESCRIBE_HERE}

Environment

Onlyfor3ver commented 4 years ago

me too

Onlyfor3ver commented 4 years ago

please tell me how to resolve this problem? Thank you

wf123537200 commented 4 years ago

跟了一下,看起来是 zrender的锅

jiangtaixing commented 4 years ago

将scatter改为effectScatter后,CPU由40%飙升至100%,请问有什么好的解决方案吗 观察过profile,使用effectScatter,由于需要渲染动画效果Function Call step无限循环,目前只能不用effectScatter。期待有更好的方案

gorgeousluo commented 3 years ago

I have the same problem, waiting to be solved!

geekwill commented 3 years ago

敢问楼主,这个问题解决的怎么样啦?有什么好的解决方案可以请教一下呢。

pissang commented 3 years ago

把 effectScatter 系列设置 zlevel: 1 分层刷新试试

geekwill commented 3 years ago

把 effectScatter 系列设置 zlevel: 1 分层刷新试试

@pissang 这个方法可以的,感谢感谢。

gorgeousluo commented 3 years ago

@pissang 解决了,非常感谢!