echarts 3D地图map3D结合3D散点地图 scatter3D地图点击和hover事件无效的问题提供toolTip样式

原创

已于 2025-03-12 09:15:28 修改 · 1.1k 阅读

标签

#echarts #3d #前端

收录于

于 2025-03-01 14:22:55 首次发布

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

背景

最近在做一个3D地图下钻结合散点地图的需求，发现这两个结合起来会出现地图点击和hover事件无效的问题，具体就是不能触发click事件和触发toolTip。
在这里插入图片描述
补充：提供toolTip样式

解决方案

在series中添加对应的map3D配置，在geo3d中隐藏显示。

let option = {
   
   
geo3D: {
   
   
	show: false,
},
 series: [
          {
   
   
          	 type: 'map3D',
             map: name,
             geo3DIndex: 0,
          },
          {
   
   
            name: 'xx',
            type: 'scatter3D'