echart柱状图的区域点击(非柱子的精确点击)

有些柱子没有值或者由于样式问题很难点击到,需要进行区域点击联动
一般的点击方法必须选中柱子

//getZr()方法,官方文档中未标注

this.barChart1.getZr().on('click', function (params) {
	let pointInPixel = [params.offsetX, params.offsetY]
	if (that.barChart1.containPixel('grid', pointInPixel)) {
		let pointInGrid = that.barChart1.convertFromPixel({
			seriesIndex: 0
		}, pointInPixel);
		let yIndex = pointInGrid[1]; //索引,可取x或y轴的,当前取y轴
		let handleIndex = Number(yIndex);
		let seriesObj = that.barChart1.getOption(); //图表object对象
		let selName = seriesObj.yAxis[0].data[handleIndex]//获取到区域点击选中的柱子的name
		
		//that.zdryOptions.forEach(item => {
		//	if(selName.slice(0,4)==item.name.slice(0,4)){
		//		that.zdryRegionCode = item.codeId
		//	}
		//})
	}
})
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值