这个问题时在实现我们的实时可视化项目中发现的。
x坐标轴类型为time时,x轴只能接受series中的data第一列作为label,而不能通过指定xAxis.data来进行label的设定(xdata为timestamp时)。
When xAxis.type is set to 'time', the chart displays incorrectly when timestamps xlabel input is set in xAxis.data
配置项如下
// 注:此问题是我们实现一个毫秒级实时可视化项目时碰到的一个问题的简化
x = [1594830880000, 1594830880000+200, 1594830880000+400, 1594830880000+600, 1594830880000+800, 1594830880000+1000]
y=[1,5,2,3,7,9]
data = [
[1594830880000, 1],
[1594830880000+200, 5],
[1594830880000+400, 2],
[1594830880000+600, 3],
[1594830880000+800, 7],
[1594830880000+1000, 9]
]
option = {
title: {
text: 'Dynamic Time Series'
},
xAxis: {
type: 'time',
data: x // 在xAxis中指定dataLabel时,如果type为time,则出错
},
yAxis: {
type: 'value',
},
series: [{
name: '模拟数据',
type: 'line',
data: y // 改成data就正常了
}]
};