echarts :解决由于GeoJSON数据存在“父子集”关系,父区域高亮显示,子区域将无法选中或高亮。

问题描述:

在echarts中使用geojson数据时嵌套数据无法高亮显示,也无法点击操作实现下钻,肉眼所见感觉被覆盖了

在这里插入图片描述

提示:以下是本篇文章正文内容,下面案例可供参考

一、GeoJSON数据?

小补知识,转载自他人,感谢作者分享。https://juejin.cn/post/6995454766037860360
由于echarts也是加载数据,不会更改数据所以当数据有嵌套时也会体现出来,上边出现问题就是下图的数据造成的。
在这里插入图片描述

二、解决

mouseover事件根据系列数据去关闭区划高亮事件,而被覆盖数据得以响应

  chart.on("mouseover",(params) => {
    if (!params.data) {
      chart.dispatchAction({
        type: "downplay",
      });
    }
  });

经过实践以上方法可解决覆盖无法操作问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值