对于geo3D,on点击事件无响应echarts 配置项内容和展示

对于geo3D,on点击事件无响应

配置项如下
      // 生成地图背景色canvas
var bgCanvas = document.createElement('canvas');
bgCanvas.id = 'bgCanvas';
bgCanvas.style = 'width: 600px; height: 600px; display: none;';
window.document.body.appendChild(bgCanvas);

if (bgCanvas && bgCanvas.getContext) {
    var ctx = bgCanvas.getContext("2d");
    var grad = ctx.createLinearGradient(0, 0, 300, 0); //创建一个渐变色线性对象
    grad.addColorStop(0, "#4769d6");                  //定义渐变色颜色
    grad.addColorStop(1, "#0d2669");
    ctx.fillStyle = grad;                         //设置fillStyle为当前的渐变对象
    ctx.fillRect(0, 0, 300, 300);                    //绘制渐变图形
}

option = {
    geo3D: {
        map: 'china', // 地图类型
        shading: 'realistic',   // 三维地理坐标系组件中三维图形的着色效果 'realistic' 真实感渲染,配合 light.ambientCubemap 和 postEffect 使用可以让展示的画面效果和质感有质的提升。ECharts GL 中使用了基于物理的渲染(PBR) 来表现真实感材质。
        realisticMaterial: {    // 真实感材质相关的配置项,在 shading 为'realistic'时有效。
            detailTexture: bgCanvas     // 材质细节的纹理贴图。
        },
    }
};

console.log(myChart)

myChart.on('click', function(param) {
    console.log(param);
})
    
截图如下