本文主要介绍如何在vue中使用Echarts实现点击高亮效果。
1、首先看一下官方网站上的介绍：
nofollow" target="_blank" href="http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency">http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency
2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。
菜单
document.oncontextmenu = function () {
return false;
};
//右键取消高亮
myChart.on('contextmenu',function (params) {
console.log(params);
that.myChart.dispatchAction({
type: 'unfocusNodeAdjacency',// 使用 seriesId 或 seriesIndex 或 seriesName 来定位 series.
seriesIndex: params.seriesIndex,})
});
that.myChart = myChart;
that.drawLine();
},
运行效果如下：
以上这篇vue结合Echarts实现点击高亮效果的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/vue/33140.html