echarts柱状图事件点击
一:点击柱状图有效区域myChart.on('click', function (params) {var name = parseInt(params.name);console.log(params)});
·
一:点击柱状图有效区域
myChart.on('click', function (params) {
console.log(params.name)
});
可以通过params.name来判断点击的是哪个柱子
但是,这个存在一个问题,就是只能点击有效区域,像''高跟鞋''这种数据少的很难点上,我们可以这样做
二:点击柱状图整个区域
即点击整个柱子都会有效果
myChart.getZr().on('click', (params) => {
const pointInPixel = [params.offsetX, params.offsetY];
//点击第几个柱子
let index;
if (myChart.containPixel('grid', pointInPixel)) {
index = myChart.convertFromPixel({seriesIndex: 0}, [params.offsetX, params.offsetY])[0];
}
console.log(index)
})
可以通过变量 index判断点击的是第几个柱子,如点击第一个,index为0;点击第二个,index为1
更多推荐
已为社区贡献4条内容
所有评论(0)