这个问题可以通过设置 dataZoom 组件的 realtime
属性为 false
来解决。默认情况下,dataZoom 是实时的,这意味着它在数据更新时会立即重新绘制,即使对于非常大的数据集,也会使滑块和主图表之间的数据不同步。从 ECharts 4.0 开始,设置 realtime
属性为 false
会在用户停止拖动滑块后才进行重新计算和重绘,从而保持数据的同步。以下是示例代码:
option = {
...
dataZoom: {
realtime: false, // 设置为 false, 取消数据实时更新
...
},
...
};