首页 前端知识 【可视化开发】echarts点击事件

【可视化开发】echarts点击事件

2024-11-05 23:11:36 前端知识 前端哥 454 895 我要收藏

echarts提供了点击事件方法,首先需要确定点击的范围
横向柱状图为例,若不设置属性,添加点击事件后默认为柱型

设置可点击属性,需添加以下配置

yAxis:[{
//...其余属性
silent: false,//坐标轴是否是静态无法交互
triggerEvent: true,//坐标轴的标签是否响应和触发鼠标事件,默认不响应
axisLabel: {
clickable:true,//可点击
}
}]
复制

在init函数中添加点击事件

其中this.students为当前绘图对象

this.students.on('click', function (params) {
console.log(params);
console.log('点击的是第'+params.dataIndex);
});
复制

点击事件中参数params

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/20090.html
标签
评论
发布的文章

前端:HTML

2025-02-23 11:02:50

CSS3快速入门

2025-02-23 11:02:48

CSS3——transform属性

2025-02-23 11:02:46

React【vite使用模块化css】

2025-02-23 11:02:44

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!