3月29日(echarts图表联动)

 今天做了echats的图表联动。有学姐的博客参考,比较容易实现,但是有一个问题,

// 当鼠标落在tr时,显示浮动
$("#table tbody").find("tr").on("mouseenter",function () {
// 获得当前匹配元素的个数
let row = $(this).prevAll().length;
// 获得当前tr下td的名字
let name = $("#table tbody").find("tr").eq(row).find("td").eq(0).text();
// 设置浮动
myEcharts.dispatchAction({ type: 'showTip',seriesIndex: 0, name:name});//选中高亮
});

这个的设置浮动在饼图和环比图可以生效,但是在柱状图中,这type的showtip是不会生效的,在柱状图中使用highlight,高亮,才可以有效果

 

 

这个是图表联动的教程博客

https://www.cnblogs.com/yangxiao-/p/13906745.html

posted @ 2022-03-29 22:56  不咬牙  阅读(72)  评论(0)    收藏  举报