echarts timeline 自动播放，鼠标移入暂停，离开播放

yaowrcsdn

于 2024-09-12 18:03:09 发布

阅读量292

点赞数 1

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/yaowrcsdn/article/details/142182600

版权

增加chart 鼠标监听事件，派发修改timeline自动播放状态，直接看下面代码

  chart.on('mouseover', () => {
    chart.dispatchAction({
      type: 'timelinePlayChange',
      playState: false
    })
  })
  chart.on('mouseout', () => {
    chart.dispatchAction({
      type: 'timelinePlayChange',
      playState: true
    })
  })

存在问题：柱状图的时候，鼠标需要在柱子上才能触发暂停，本意是鼠标在chart的整个范围都触发暂停