如何使重新图表自定义工具提示可点击？

Question

当我尝试在我的自定义工具提示中添加链接时，我无法将鼠标悬停在工具提示内容上，它将自动隐藏，是否有任何我需要覆盖重新图表的道具才能使其可点击？。

下面是我的工具提示

  <Tooltip content={(value)=>renderTooltip(value)} />

下面是我正在使用的 renderTooltip

const renderTooltip = (props) => {
   if (props.active) {
     return (
       <div >
         <div className="tool-tip">

           <span className="tool-tip-footer">
             {' '}
            <a href="SOME_VALUE_FROM_PROPS">Google</a>
          </span>

      </div>

    </div>
  );
}

Answer 1

我通过添加

trigger='click'

道具并向我想要可点击的工具提示部分添加样式

pointer-events: auto

来完成此工作。

重新图表工具提示包装器具有

pointer-events: none

，即使在更改

trigger

后也无法单击它。

Answer 2

Tooltip

组件会在内部计算是否必须显示内容，因此您不必这样做。这可能会导致一些您无法控制的问题。

Answer 3

只需将

wrapperStyle={{ pointerEvents: "auto"}}

添加到

<Tooltip />

组件