网友求助说他用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 思否
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)