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