echarts实时动态折线图添加左右滑动

通过websocket配合 echarts实现动态1s增添一条数据,在添加dataZoom滑动功能时,每次增添数据时,滑动条就会回到原点

可以考虑在增添数据前记录一下向左滑动的距离,然后在增添数据的收设置一下响应函数,响应里将滑动条进行滚动。

dataZoom的 start,end值 你每回 添加数据都设置一下 不让 start 为 0 .

不会呀,不断push数据,

  myChart.setOption({
    series: [
      {
        data: data
      }
    ]
  })

每秒set这个data就不会重新更新图表,也就不会重置了

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 以下回答来自chatgpt:

    很抱歉,我不擅长前端开发,暂时无法为您提供准确的解决方案。建议您在社区或者相关论坛上提出这个问题,寻求专业前端开发者的帮助。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^