Apexcharts - 悬停在一个非常小的柱子上

Apexcharts - hover on a very small column

我在使用 apexcharts 时遇到一种情况,其中一列非常小。很难呈现工具提示,因为您必须非常小心地悬停该列。

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

Playground with problem: https://codesandbox.io/s/react-basic-example-forked-nw3ll?file=/src/App.js

我有一个似乎可行的解决方案是将工具提示 'shared' 设置为 'true':

tooltip: {
      enabled: true,
      shared: true, 
    },

这样做,工具提示将显示在每列上方solution video

codesandbox solution