apache / apache/echarts

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

Open
#9,448 9 comments 1 reaction 1 assignee Claimed by @100pah View on GitHub
FAQ performance
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

- [ ] I am using English in this issue. 在这个 Issue 中我使用了英文(强烈建议)。

## 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. :)
请确保以下每项都打上勾了!并且确保都做了这些事哦~ 这将大量简化我们的工作流程,使你的问题更快速得到解答。

- [ ] Required: I have read the document and examples and tried to solve it by myself. (必填)我读过了文档和教程,并且曾试图自己解决问题。
- [ ] Required: I have searched for similar issues and that didn't help. (必填)我搜索过 issue 但是没有帮助。
- [ ] Required: I have tried with the latest version of ECharts and still have this problem. (必填)我试过最新版本的 ECharts,还是存在这个问题。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息:
- [x] Required: issue type;(必填)issue 类型
- [ x] Required: one sentence description in issue details;(必填)一句话的问题描述
- [x ] Required: demo;(必填)能反映问题的例子(如果你想提问或报 bug)
- [ x] Required: ECharts version;ECharts 版本

## Issue Type

- [ ] I have a question to ask about *how to use ECharts to ...*;我想提问如何使用 ECharts 实现某功能
- [x ] I have a bug to report;我想要报 bug
- [ ] I have a feature to request, e.g.: *I'd like a new feature that ...*;我需要一个新功能
- [ ] I have a feature to enhance, e.g.: *The current feature should be improved in the way that ...*;我希望改进某个功能
- [ ] There's something wrong with the documents;文档有些问题
- [ ] Others, or I'm not sure which issue types to choose here;其他,或我不知道应该选什么类型

## Issue Details

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

### Expected Behavior

能够降低cpu占用

### Current Behavior

cpu占用30%以上

### Online Example

地图渲染后如下:
![image](https://user-images.githubusercontent.com/21979377/48824078-2e2b3780-ed9e-11e8-9db5-20d29efcef50.png)

占用率如下(火狐浏览器):
![image](https://user-images.githubusercontent.com/21979377/48824088-34211880-ed9e-11e8-9a5b-eeb95263e111.png)

{
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

- [ ] Legend
- [ ] Tooltip
- [ ] Event
- [ ] Performance
- [ ] SVG
- [ ] Map
- [ ] ECharts GL
- [ ] Third-party libraries, e.g.: Vue.js, React

## Anything Else We Need to Know

{DESCRIBE_HERE}

## Environment

- ECharts version;ECharts 版本: 4.0.4

- [ ] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题,请提供相应环境信息:{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.