ECharts图添加点击事件

最新推荐文章于 2024-03-14 18:17:15 发布

MistyWood

最新推荐文章于 2024-03-14 18:17:15 发布

阅读量4.5k

点赞数 2

分类专栏：前端学习文章标签： echarts

本文链接：https://blog.csdn.net/MistyWood/article/details/105285520

版权

20 篇文章 0 订阅

订阅专栏

首先初始化echarts实例

 var myChart = echarts.init($('#myChart'));

初始化echarts实例之后，可以直接给对象绑定onclick事件

 myChart.on('click', function (params) { });

可以通过params的值来判断具体点击是哪个位置。
echarts生成的图表，series区域默认打开了点击事件，所以点击图形区域可以直接触发该点击函数。
X轴，Y轴和title等地方，默认未开启点击事件，将triggerEvent设为true，则可以点击。
如：

 title: [{
    text: '标题',
    triggerEvent:true
 }],
 xAxis: [
   {
    data: ['1', '2', '3'],
   	triggerEvent:true
   }
 ],

关注