Echarts柱状图点击事件（阻止冒泡）

最新推荐文章于 2024-07-30 00:26:52 发布

Arthur❀

最新推荐文章于 2024-07-30 00:26:52 发布

阅读量5.2k

点赞数 1

分类专栏：前端文章标签： echarts juqery easyui

本文链接：https://blog.csdn.net/qq_43243541/article/details/93088124

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Echarts柱状图点击事件（阻止冒泡）

在这里插入图片描述

上面是我的柱状图转换饼状图，单击每个柱形图可以切换查看饼图！上次的文章已经说明了饼图的写法，柱状图也很简单可以参考echarts的官网，这里，我具体就是出现了冒泡事件，也就是说在我的柱状图上面可以看到有查询条件，当我点击查询事件得到结果值的时候就会出现冒泡事件解决方式很简单，上代码

// 跳转前先解绑，防止重复跳转
chartInstance.off('click');
	// 柱形图单击跳转事件
chartInstance.on('click',function (params) {
	if (params.seriesType === 'bar') {
		var orgName = params.name;
		cylindricalJump(orgName);
	}
});

我先是在柱形图点击事件前面解绑单击事件渲染，然后咋进行单击事件，就完美解决了echarts柱形图单击冒泡的问题！