echarts点击图表事件和鼠标悬浮事件

2021/4/7 10:38:28

本文主要是介绍echarts点击图表事件和鼠标悬浮事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在使用echarts开发过程中,经常会遇到一些需求就是点击图表或者鼠标悬浮在图表上有接下来的相关动态操作,只需将获取的echarts实例添加监听事件即可实现。
鼠标点击echarts图表

const myChart = echarts.init(document.getElementById("myChart"))
myChart.on("click",function(params){
	console.log(params)  //这里的params是鼠标点击的图表节点的数据
})

在这里插入图片描述

鼠标点击echarts图表

myChart.on("mouseover",function(params){
	console.log(params)  //这里的params是鼠标悬浮的图表节点的数据
})

在这里插入图片描述



这篇关于echarts点击图表事件和鼠标悬浮事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程