图表嵌套Tooltips问题：鼠标移至内部Tooltip时外部Tooltip消失如何解决？

• 调整Tooltip触发与隐藏逻辑
  多数图表库的Tooltip默认是鼠标离开触发元素就隐藏，你得改外部Tooltip的隐藏条件：只有当鼠标完全离开外部Tooltip + 原始图表触发元素范围时，才隐藏外部Tooltip。
  以ECharts为例，可自定义显示/隐藏事件：

  // 自定义外部Tooltip的显示隐藏逻辑
  myChart.on('mouseover', (params) => {
    // 显示外部Tooltip
    myChart.dispatchAction({
      type: 'showTip',
      seriesIndex: params.seriesIndex,
      dataIndex: params.dataIndex
    });
    // 给外部Tooltip绑定鼠标事件阻止误隐藏
    const outerTooltip = document.querySelector('.echarts-tooltip');
    if (outerTooltip) {
      outerTooltip.addEventListener('mouseover', () => {
        window.preventHideOuterTip = true;
      });
      outerTooltip.addEventListener('mouseout', () => {
        window.preventHideOuterTip = false;
        // 延迟判断，避免内部Tooltip触发误判
        setTimeout(() => {
          if (!window.preventHideOuterTip) {
            myChart.dispatchAction({ type: 'hideTip' });
          }
        }, 100);
      });
    }
  });
  
  myChart.on('mouseout', (params) => {
    if (!window.preventHideOuterTip) {
      myChart.dispatchAction({ type: 'hideTip' });
    }
  });
  

• 添加延迟隐藏机制
  给外部Tooltip设置隐藏延迟，让鼠标有足够时间从触发元素移到外部Tooltip区域，避免误触发隐藏。比如Highcharts可配置：

  // Highcharts示例：设置外部Tooltip隐藏延迟
  Highcharts.chart('container', {
    tooltip: {
      hideDelay: 500, // 延迟500ms再隐藏
      // 自定义嵌套Tooltip的内容
      formatter: function() {
        return `<div class="outer-tooltip">
                  <p>外部数据：${this.y}</p>
                  <div class="inner-trigger" title="内部提示内容">悬停查看详情</div>
                </div>`;
      }
    }
  });
  

  同时给内部Tooltip的触发元素绑定mouseover事件，触发时重置外部Tooltip的隐藏计时器。

• 修复DOM交互权限
  很多图表库默认给Tooltip设置了pointer-events: none，导致鼠标进入Tooltip时事件穿透到图表元素，触发外部Tooltip隐藏。给外部Tooltip加CSS：

  .outer-tooltip {
    pointer-events: auto !important; /* 让Tooltip能接收鼠标事件 */
    z-index: 9999; /* 确保层级高于图表容器 */
  }
  

• 自定义Tooltip替代默认实现
  如果默认Tooltip限制太多，直接自己写外部Tooltip：

  1. 监听图表mouseover事件，拿到数据后手动创建并插入自定义Tooltip DOM。
  2. 给这个自定义Tooltip绑定mouseover和mouseout事件，只有鼠标离开Tooltip本身时才移除它。
  3. 内部Tooltip用原生title属性或轻量库实现，完全掌控显示隐藏逻辑。

内容的提问来源于stack exchange，提问作者Valerio Mezzopra