Apexcharts - 将鼠标悬停在一个非常小的列上

und*_*ood 6 javascript css charts reactjs apexcharts

我在使用时遇到一种情况,apexcharts其中一列非常小。渲染工具提示很困难,因为您必须非常小心地将鼠标悬停在列上。

问题:有没有办法扩大悬停区域,以便更容易悬停列?或者也许有一个选项可以在悬停整个垂直区域(列上方和下方的空间)时呈现工具提示?谢谢你!

有问题的游乐场:https://codesandbox.io/s/react-basic-example-forked-nw3ll ?file=/src/App.js

Jam*_*ose 5

我拥有的一种似乎有效的解决方案是将工具提示“共享”设置为“true”:

tooltip: {
      enabled: true,
      shared: true, 
    },
Run Code Online (Sandbox Code Playgroud)

通过这样做,工具提示将在每列解决方案视频上方显示

代码沙箱解决方案

  • 我希望能有 15 名代表对此投赞成票。它就像一个魅力,谢谢! (2认同)