hello, i'm trying to produce the most optimized rendering of echarts
possible. my dataset will be 32k, 65k, 128k datapoints and refreshed
continuously as fast as the server can provide (at the moment ~10ms). I've
plunked around with echarts and I'm getting a render time of 32k datapoints
(myChart.setOption({series: [{data: g_dataset}]});) of a fairly respectable
50-90 ms on a 1200x400 px using canvas renderer in chrome, 90-140ms in
Firefox, 70-110ms in edge.
my initial options are as follows, based on the dynamic data example.
option = {
animation: false,
title: {
text: 'Dynamic Data & Time Axis'
},
dataZoom: [
{
id: 'dataZoomX',
type: 'slider',
xAxisIndex: [0],
filterMode: 'filter'
},
{
id: 'dataZoomY',
type: 'slider',
yAxisIndex: [0],
filterMode: 'empty'
}
],
grid:{
show:true,
tooltip:{show:false}
},
xAxis: {
type: "value",
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
boundaryGap: [0, '100%'],
splitLine: {
show: false
}
},
series: [
{
name: 'Fake Data',
type: 'line',
showSymbol: false,
data: g_dataset
}
]
};
any thoughts on what knobs to tweak to further improve rendering times
using echarts?
