echarts gl 3d地图,click事件失效,解决办法

问题

好比点击四川,进行下钻,须要获取点击区域的name属性,根据name进而异步获取四川的地图的json,以下图所示:
filejavascript

echart和gl版本

  • Loaded claygl, version 1.2.1
  • echarts-gl.min.js:1 Loaded echarts, version 4.6.0java

    事件绑定写法

myChart.on('click', function (clickparams) {
        console.log(clickparams);
        
    });

无法触发事件git

网上找另一个写法github

myChart.getZr().on('click', function (clickparams) {
        console.log(clickparams);
        show(clickparams);
        
    });

只能获取到点击的x.y坐标,获取不到点击区域的名称,知足不了需求,崩溃,搞了很久, 后来去github issues上,果真不少人遇到这个问题,是个bug。json

换个版本试试,

https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.jsecharts

用这个版本可,再配合异步

myChart.on('click', function (clickparams) {
        console.log(clickparams);
        
    });

能够实现触发,并获取点击区域的name,可是我以前调好的地图蓝色变白色了,好吧,总不能去研究源码吧?code

变通解决办法

点击柱状图进行,能够触发click,就这样吧!!blog

相关文章
相关标签/搜索