ECharts点击横坐标事件实现超链接跳转

需求:微博排行榜,横坐标展示出了微博对应的id,现在需要通过点击横坐标来实现跳转到对应的微博页面。


  1. 设置横坐标中的triggerEvent属性为true;
xAxis: {
  ...
  triggerEvent: true,
  ...
},
  1. 添加on点击事件。
thisChart.on("click" ,function (params) {
  window.location.href = "https://m.weibo.cn/detail/" + params.value;
});

最终结果:符合预期。

posted @   Shineloner  阅读(692)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示