echarts点击数据联动列表滚动到对应数据位置

于 2022-04-15 16:49:27 发布

阅读量1.1k

点赞数

分类专栏：前端解决方案文章标签： echarts javascript

本文链接：https://blog.youkuaiyun.com/qq_44381427/article/details/124198410

版权

24 篇文章

订阅专栏

在这里插入图片描述
点击echarts中的散点图，左侧列表滚动到对应数据位置。

使用jquery的scrollTop方法，需要自己计算滚动的偏移距离。我的列表每列都是30px，dataIndex是点击的数据在echarts中的索引，要确定echarts和列表之间数据的对应关系，我这里使用同一组数据

 this.chart.on('click', params => {
      $('#list').animate({scrollTop: params.dataIndex * 30}, 400);
});