1.使用appendData没有及时出来图形,需要拖动dataZoom才会显示
2.在当前可视范围超过3000数据,每添加一个数据都会导致整个图形的闪动
3.在使用appendData添加数据后,再次使用setOption设置参数会清空整个图表数据
配置项如下
function randomData(minNum,maxNum) {
switch(arguments.length){
case 1:
return parseInt(Math.random()*minNum+1,10);
case 2:
return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
default:
return 0;
}
}
option = {
dataZoom: [{}],
xAxis: {
type: "value",
name: 'x',
},
yAxis: {
type: "value",
name: 'y',
},
series: [{name:"test", type: 'scatter'}]
};
var i=0;
setInterval(function () {
if(i===0)
{
var tp = [];
for(var j=0;j<2998;j++){
tp.push([randomData(0,3500),randomData(0,3500)]);
}
myChart.appendData({seriesIndex: "0",data: tp});
i=2;
}else{
var t = [[randomData(0,3500),randomData(0,3500)]];
myChart.appendData({seriesIndex: "0",data: t});
//myChart.setOption({dataZoom:null});is still clear data
}
}, 1000);