echarts图表点击事件多次触发解决方案

echarts图表点击事件多次触发解决方案

	if(!this.barC)this.barC = echarts.init(this.$refs.bar_ele);
	_option && this.barC.setOption(_option);
	
	this.barC.off('click') //图表渲染前销毁点击事件,防止点击图标多次触发
	
 	this.barC.on('click', param => {
   		this.barClick(param)
	})

param包含的信息echarts官网事件描述

{
    // 当前点击的图形元素所属的组件名称,
    // 其值如 'series'、'markLine'、'markPoint'、'timeLine' 等。
    componentType: string,
    // 系列类型。值可能为:'line'、'bar'、'pie' 等。当 componentType 为 'series' 时有意义。
    seriesType: string,
    // 系列在传入的 option.series 中的 index。当 componentType 为 'series' 时有意义。
    seriesIndex: number,
    // 系列名称。当 componentType 为 'series' 时有意义。
    seriesName: string,
    // 数据名,类目名
    name: string,
    // 数据在传入的 data 数组中的 index
    dataIndex: number,
    // 传入的原始数据项
    data: Object,
    // sankey、graph 等图表同时含有 nodeData 和 edgeData 两种 data,
    // dataType 的值会是 'node' 或者 'edge',表示当前点击在 node 还是 edge 上。
    // 其他大部分图表中只有一种 data,dataType 无意义。
    dataType: string,
    // 传入的数据值
    value: number|Array,
    // 数据图形的颜色。当 componentType 为 'series' 时有意义。
    color: string,
    // 用户自定义的数据。只在 graphic component 和自定义系列(custom series)
    // 中生效,如果节点定义上设置了如:{type: 'circle', info: {some: 123}}。
    info: *
}

版权声明:本文为weixin_45493439原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。