apache / apache/echarts

动态线图数据更新bug

Open
#12,060 11 comments 0 reactions 0 assignees View on GitHub
bug priority: high
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version
4.5.0

### Steps to reproduce
var base = new Date(2014, 9, 3);
var oneDay = 24 * 3600 * 1000;
var date = [];

var data = [Math.random() * 150];
var now = new Date(base);

function addData(shift) {
now = [now.getFullYear(), now.getMonth() 1, now.getDate()].join('/');
date.push(now);
data.push((Math.random() - 0.4) * 10 data[data.length - 1]);

if (shift) {
date.shift();
data.shift();
}

now = new Date( new Date(now) oneDay);
}

for (var i = 1; i < 100; i ) {
addData();
}

option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: date
},
yAxis: {
boundaryGap: [0, '50%'],
type: 'value'
},
dataZoom: [{
start: 70,
// zoomLock: true,
}],
series: [
{
name:'成交',
type:'line',
data: data
}
]
};

setInterval(function () {
for(var i=0;i<5;i ){
addData(true);
}
myChart.setOption({
xAxis: {
data: date
},
series: [{
name:'成交',
data: data
}]
});
}, 1000);

### What is expected?
正常渲染

### What is actually happening?
左侧出现两点连线不规则折断

![QQ截图20200115212541](https://user-images.githubusercontent.com/11845393/72438858-b6f60580-37e0-11ea-91cf-0ac676e6b791.jpg)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.