vue+echarts:echarts地图页面跳转

在setOption的平级写点击事件,给chart添加click监听

javascript 复制代码
 getmapChart.setOption({
  ......
    })

//和数据对应即可
//点击区域实现页面跳转
  getmapChart.on('click',function(params){
    // console.log(params);
    switch(params.name){
    case "xxxx":
      top.location.href="/profile";
      break;
    case "xxxx1":
      top.location.href="/profile";
      break;
    case "xxxx2":
      top.location.href="/profile";
      break;
   
    default:
      ElNotification({
            title: "提示",
            message: "请点击!!!",
            type: "warning",
        });
      break;
    }
  })

上一篇文章,

uniapp踩坑之项目:uni-table垂直居中和水平居中-CSDN博客文章浏览阅读651次。uniapp踩坑之项目:uni-table垂直居中和水平居中。uni-table 中的水平居中uni-td align="center"_uni-tablehttps://blog.csdn.net/weixin_43928112/article/details/140434217?spm=1001.2014.3001.5502

相关推荐
Mintopia1 分钟前
计算机架构演进:适应不断变化的计算需求
前端
之歆5 分钟前
Day01_HTML 基础知识完全指南:从零开始的 Web 开发之旅
前端·html
IT_陈寒5 分钟前
React状态管理这个坑,我终于爬出来了
前端·人工智能·后端
深海鱼在掘金10 分钟前
Next.js从入门到实战保姆级教程(第二章):环境配置与项目初始化
前端·typescript·next.js
深海鱼在掘金12 分钟前
Next.js从入门到实战保姆级教程(第三章):项目结构与文件系统约定
前端·typescript·next.js
水木流年追梦17 分钟前
CodeTop Top 300 热门题目3-字符串相加
java·前端·算法
编码七号17 分钟前
使用playwright做前端项目的端对端自动化测试
前端·功能测试·自动化
禅思院19 分钟前
中篇:构建弹性的异步组件
前端·架构·前端框架
夜影风19 分钟前
Nginx部署Vue/React项目时无法直接访问页面其他路径的问题及解决方案
vue.js·nginx·react.js
码王吴彦祖22 分钟前
AI 逆向分析国航 AirChina FECU 参数来源并实现离线生成
android·java·javascript