收藏个项目中遇到的问题: echart柱状图点击柱状触发一个事件
// 方式一:点击有数据的条形柱体查询相关U盘id,获取对应U盘id的列表数据
myChart.on("click", params => {
// console.log(params);
let year = params.name;
let dateLinkage = {};
this.sideMenu.map(item => {
item.children.map(itemChild => {
if (itemChild.value === year) {
dateLinkage = item;
dateLinkage.children = [{ ...itemChild }];
}
});
});
console.log(dateLinkage, dateLinkage.children[0]);
this.selectSideMenuItem(dateLinkage, dateLinkage.children[0]);
});
// 方式二:整条柱体的点击事件(如果要实现获取id的效果,则需要拿到series的数组,再通过index拿到对应的数据对象)
// myChart.getZr().on("click", params => {
// console.log(params);
// const pointInPixel = [params.offsetX, params.offsetY];
// if (myChart.containPixel("grid", pointInPixel)) {
// let xIndex = myChart.convertFromPixel({ seriesIndex: 0 }, [
// params.offsetX,
// params.offsetY
// ])[0];
// this.getAlertList(parseFloat(this.risk_value), this.date_x[xIndex]);
// }
// });