app和h5上,点击地图,点击事件都没有生效,想问问各位大佬,有没有遇到的,怎么解决?
之前试过的方案:
- window.wx={} //h5上会直接导致地图无法显示,也没报错
- window.wx=undefined // app上会直接报错
- 在app.vue 的onShow中设置wx=undefined //app不会报错,地图显示,但是点击事件仍然无效
- silent:false //这个也重置了,也没用
求路过大佬解救解救!!!感谢!!!!!
用到的echarts.js 版本一个是4.2.1,一个是5.5.1 都没办法使点击事件触发
以下是options配置以及添加的点击事件的代码
options = {
silent:false,
title: {
text: this.title,
left:'center',
top:'10',
show:false,
textStyle:{
fontSize:'13',
color:'#666',
}
},
//这个也没有显示出来
tooltip: {
// 鼠标是否可以进入悬浮框
enterable: true,
// 触发方式 mousemove, click, none, mousemove|click
triggerOn: 'click',
// item 图形触发, axis 坐标轴触发, none 不触发
trigger: 'item',
formatter: function(params) {
console.log(params)
}
},
series:[
{
name: this.mapName,
type: 'map',
zoom:1.25,
mapType:this.mapName, // 自定义扩展图表类型
select:{
itemStyle:{
color:'#2B79FF',
areaColor:'#2B79FF',
}
},
data:this.datas,
}
]
}
myChart.clear();
myChart.setOption(options);
myChart.on('click', (e) => {
console.log("点击",e.name);
});
return myChart;
1 个回复
1***@qq.com - 前端小白
if (window) {
window.wx = {}
}