One-line summary [问题简述]
多组基于时间戳的数据的折线图,由于数据量比较大,设置showSymbol为true的话浏览器会卡死,设为false之后tooltip出不来,echartInstance也获取不到highlight事件,tooltip设置triggle为axis的话,tooltip只能获取到series中的一组,几乎无法使用。
Version & Environment [版本及环境]
- ECharts version [ECharts 版本]: 3.6.2
- Browser version [浏览器类型和版本]: Chrome 61.0.3163.100(正式版本) (64 位)
- OS Version [操作系统类型和版本]: macOS High Sierra 10.13
Expected behaviour [期望结果]
希望能够在鼠标悬浮在某一条折线上的时候显示它或者它最近的点的tooltip
ECharts option [ECharts配置项]
function randomData(x) {
now = new Date(+now + oneDay + x);
value = value + Math.random() * 21 - 10;
return {
name: now.toString(),
value: [
// [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'),
now.toISOString(),
Math.round(value)
]
}
}
var data = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {
data.push(randomData(30));
}
var data2 = [];
var now = +new Date(1997, 9, 3);
for (var i = 0; i < 1000; i++) {
data2.push(randomData(40));
}
console.log(data[0], data2[0]);
option = {
title: {
text: '动态数据 + 时间坐标轴'
},
tooltip: {
trigger: 'axis',
axisPointer: {
animation: false
}
},
xAxis: {
type: 'time',
splitLine: {
show: false
}
},
yAxis: {
type: 'value',
boundaryGap: [0, '100%'],
splitLine: {
show: false
}
},
series: [{
name: '模拟数据',
type: 'line',
showSymbol: false,
hoverAnimation: false,
data: data
}, {
name: 'name2',
type: 'line',
showSymbol: false,
hoverAnimation: false,
data: data2,
}]
};
Other comments [其他信息]
One-line summary [问题简述]
多组基于时间戳的数据的折线图,由于数据量比较大,设置showSymbol为true的话浏览器会卡死,设为false之后tooltip出不来,echartInstance也获取不到highlight事件,tooltip设置triggle为axis的话,tooltip只能获取到series中的一组,几乎无法使用。
Version & Environment [版本及环境]
Expected behaviour [期望结果]
希望能够在鼠标悬浮在某一条折线上的时候显示它或者它最近的点的tooltip
ECharts option [ECharts配置项]
Other comments [其他信息]