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

相关推荐
刘一说5 分钟前
Vue3响应式原理重构:从Object.defineProperty到Proxy的革命性升级
javascript·vue.js·重构
博客zhu虎康8 分钟前
音频视频处理:前端直播流播放 flv
前端
一位搞嵌入式的 genius9 分钟前
深入理解 JavaScript 原型与继承:从基础到进阶
开发语言·前端·javascript
董世昌4119 分钟前
深度解析var、let、const的区别与最佳使用场景
开发语言·前端·javascript
C_心欲无痕22 分钟前
Next.js 平行路由:构建模块化动态布局
开发语言·前端·javascript
warrah24 分钟前
前端项目容器化部署问题
前端·docker
GISer_Jing25 分钟前
2026前端技术潜在主流前沿方向
前端·人工智能·reactjs
切糕师学AI27 分钟前
Vue 中的生命周期钩子
前端·javascript·vue.js
掘金-我是哪吒27 分钟前
提升服务器性能,解决前端首页加载过慢的问题
运维·服务器·前端
摘星编程29 分钟前
React Native for OpenHarmony 实战:Platform 平台检测与判断
javascript·react native·react.js