echarts:map3D上的散点点击失效

echarts:map3D上的散点点击失效,第1张

问题描述:

网友求助说他用echarts做map3D图,想要点击散点,然后获取散点里的信息,但是点击失效,困扰好几天了。发了项目给我,仔细研究了一下结构,地图是geo3D,然后利用for循环,在上面加散点图,分别给每个散点设置不同的symbol和symbolsize等,散点数据以供12条,也就是说地图上放了12张散点图,每个散点图里只有一个散点,研究了半天,也没发现有什么异常。

解决过程:

百度了一圈,根据一个帖子的解决方法,把geo也加入到series里去,可以触发点击事件了,但是点击获取到的只是geo里包含的数据,散点的数据依旧没有。

搜了一圈,网上几乎就没有他这种情况,也许跟他项目本身有关,于是自己另外创建了一个demo,使用最新的echarts和echarts-gl,使用了同样的数据,但是偷了个懒,没有用for循环创建不同的散点,而是把12条数据都放在一个散点图里了,没想到奇迹发生了,散点可以点击了!

后来网上找到一篇文章,跟我们这个案例类似,图表里只有一个散点的时候,tooltip会失效,同理,click也会失效。

代码:





效果图: 

参考文章:

echarts gl 加载 map3D click事件失效问题及解决方法.geo3D - 简书

Echarts中tooltip不显示 - SegmentFault 思否

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/942831.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存