2***@qq.com
2***@qq.com
  • 发布:2024-09-09 17:03
  • 更新:2024-12-04 16:55
  • 阅读:287

uniapp app用echarts实现中国地图,点击事件无反应

分类:uni-app

app和h5上,点击地图,点击事件都没有生效,想问问各位大佬,有没有遇到的,怎么解决?
之前试过的方案:

  1. window.wx={} //h5上会直接导致地图无法显示,也没报错
  2. window.wx=undefined // app上会直接报错
  3. 在app.vue 的onShow中设置wx=undefined //app不会报错,地图显示,但是点击事件仍然无效
  4. 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;
2024-09-09 17:03 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com - 前端小白

if (window) {
window.wx = {}
}

要回复问题请先登录注册