对于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);
})