vue+echarts：echarts地图页面跳转

意初

于 2024-08-21 14:37:32 发布

阅读量574

点赞数 8

CC 4.0 BY-SA版权

文章标签： vue.js echarts javascript 前端 es6

本文链接：https://blog.csdn.net/weixin_43928112/article/details/141393131

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

 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