鼠标点击事件示例
作者：@kuaiquxie
作者的github：https://github.com/bitebita
本文为作者原创，如需转载，请注明出处：https://www.cnblogs.com/dzwj/p/15881082.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')); var 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('click',function(params){ window.open('http://www.baidu.com/s?wd=' + encodeURIComponent(params.name)); }); </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 热点速览」