You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/11/01 17:52:57 UTC
[GitHub] [echarts] JESUMH opened a new issue, #15099: Performance echarts - High JS and CPU usage
JESUMH opened a new issue, #15099:
URL: https://github.com/apache/echarts/issues/15099
### Version
4.9.0
### Steps to reproduce
Hi,
I’m using echarts on my project and I analyse CPU and JS usage with Chrome Dev Tools. I see a high usage on updateAndAddDisplayable process (20.48%). Also, I see high zrender usage (zrender version: "4.3.2").
Capture image
```javascript
let options: EChartOption = {
grid: {
bottom: 155,
// Calculate offset to display custom yaxis element
left: offsetL,
right: offsetR
},
dataZoom: [
{
type: 'slider',
show: true,
realtime: false,
start: this.graphicSettingStore.zoomStart,
end: this.graphicSettingStore.zoomEnd,
bottom: 50,
handleIcon: 'path://M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '100%',
showDetail: false
}
],
tooltip: {
show: true,
showDelay: 30,
renderMode: 'html',
triggerOn: 'click',
formatter: function (params: any, ticket: any, callback: any) {
let res = '';
if (params != null && params.length > 0) {
res = '<ul>';
res = params[0].axisValueLabel;
for (let param of params) {
if (param.seriesName !== 'a') {
res =
'<br/><span style="color:'
param.color
'">●</span> ';
res =
'<span style="color:white;">'
param.seriesName
': '
param.data[1]
'</span>';
}
}
res = '</ul>';
}
callback(ticket, res);
return res;
},
},
toolbox: {
show: true,
showTitle: true,
itemSize: 30,
feature: {
dataZoom: {
yAxisIndex: 'none',
title: {
zoom: 'Zoom',
back: 'Back'
},
},
restore: {
title: 'Restore'
},
},
},
xAxis: [
{
type: 'time',
axisPointer: {
show: true,
handle: {
show: true,
color: '#a9b7ca',
},
label: {
show: false,
formatter: function (params: any) {
return Utils.formateDate2(new Date(params.value));
},
},
},
boundaryGap: false,
axisLine: { onZero: false },
axisLabel: {
formatter: function (value: any) {
return Utils.formateDate2(new Date(value));
},
},
},
],
// Array custom yaxis element
yAxis: yAxis,
// Array of series (30 series)
series: series,
};
```
### What is expected?
High performance.
### What is actually happening?
Slow performance. All computer is working slowly and it has a lot of echarts objects
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] JESUMH closed issue #15099: Performance echarts - High JS and CPU usage
Posted by GitBox <gi...@apache.org>.
JESUMH closed issue #15099: Performance echarts - High JS and CPU usage
URL: https://github.com/apache/echarts/issues/15099
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org