第一次载入数据正常,但在利用setOption重新载入大量其他数据后,整个画面连线乱掉。需要用户进行放大缩小操作,才会恢复。
请看最下方的截图。
Version & Environment [版本及环境]- ECharts version [ECharts 版本]: 3.2.3
- Browser version [浏览器类型和版本]: Chrome 49.0.2623.87
- OS Version [操作系统类型和版本]: Windows 7 SP1
期望能在第二次、第三次...重新载入数据时,无需人工干预,画面连线正常。
ECharts option [ECharts配置项]var options = {
grid: {
x: 50,
y: 50,
x2: 50,
y2: 50
},
toolbox: {
show: true,
feature: {
mark: {show: true},
dataZoom: {show: true},
magicType: {show: true, type: ['line', 'bar']},
restore: {show: true},
saveAsImage: {show: true}
}
},
color: ['#5DD5E6','#3C78B5','#FFE37B','#FEC403','#B49AE0','#42CE84'],
xAxis: {
type: 'time',
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
boundaryGap: [0, '100%'],
splitLine: {
show: false
},
axisLabel: {
formatter: function (value, index) {
return comm_tools.bytesToFormat(value, 0, false);
}
}
},
series: [
{
name: '',
type: 'line',
smooth: true,
showSymbol: false,
hoverAnimation: false,
areaStyle: {
normal: {}
},
sampling: 'max',
data: [] //这里的数据很多
}
],
tooltip: {
trigger: 'axis',
formatter: function (params) {
params = params[0];
if (params.value) {
return "{0}: {1}{2}".f(DateTimeUtils.formatDateTime(params.value[0]),
comm_tools.bytesToFormat(params.value[1], 3, false), units[idx]);
}
}
}
};
Other comments [其他信息]
在载入新的大量数据后,希望能正确展示:
但目前展示的却是: