【无标题】

最新推荐文章于 2024-06-28 10:15:37 发布

Caomeiguoguo

最新推荐文章于 2024-06-28 10:15:37 发布

阅读量291

点赞数

文章标签： echarts vue.js 前端

本文链接：https://blog.csdn.net/caomeiguoguo/article/details/126014936

版权

这篇博客介绍了如何在移动端使用Echarts库绘制折线图，并实现点击图表时显示基准线，该基准线在3秒后自动消失的功能。通过监听'mouseup'事件和dispatchAction方法，结合setTimeout实现延迟隐藏提示和更新轴指针的效果。

摘要由CSDN通过智能技术生成

在移动端中echarts图表绘制折线图，点击折线图出现基准线,3秒之后消失

cgecharts.getZr().on('mouseup', () => {
      setTimeout(function () {
        console.log('手指移除')
        cgecharts.dispatchAction({
          type: 'hideTip'
        })
        cgecharts.dispatchAction({
          type: 'updateAxisPointer',
          currTrigger: 'leave'
        });
        console.log('消失')
      },3000)
    });
     }