监听事件示例
作者：@kuaiquxie
作者的github：https://github.com/bitebita
本文为作者原创，如需转载，请注明出处：https://www.cnblogs.com/dzwj/p/15881103.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>监听事件</title> </head> <body> <div id="main" style="width:600px;height:300px;"></div> <script src="js/echarts.js"></script> <script> var myChart = echarts.init(document.getElementById('main')); option = { title:{ text:'监听事件' }, tooltip:{}, legend:{ data:['销量'] }, xAxis:{ data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis:{}, series:[{ name:'销量', type:'bar', data:[5,10,25,20,6,8] }] }; myChart.setOption(option); myChart.on('legendselectchanged',function(params){ //获取点击图例的点击状态 var isSelected = params.selected[params.name]; //打印 console.log((isSelected ? '选中了':'取消选中了')+ '图例' + params.name); //打印所有图例的状态 console.log(params.isSelected); }); </script> </body> </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）
· AI 智能体引爆开源社区「GitHub 热点速览」