css - 强制 Highcharts 在 div/container 之外显示工具提示

Question

[Highcharts]

您好，有没有办法在标签之外显示工具提示？喜欢让它“漂浮”在容器外，这样它就不会像下面那样被切断。

提前致谢。

这是一个示例 jsFiddle，您可以使用它来重现该问题。 (尝试将鼠标悬停在箱线图上)

http://jsfiddle.net/af3g18mo/ 代码

Answer 1

在你的 fiddle 中我可以找出问题:

如果您在样式表中向上级联，您可以看到您的路径和内容位于标签内。该标签具有 65px 的固定高度并且没有溢出属性 - 但在 overflow:hidden 之前的一条路径.这就是为什么 highchart 工具提示和所有内容都被切断的原因。

您可以将高度动态更改为例如 40%，如果工具提示中的内容较长，这并不能真正解决问题。但你可以给 "overflow:visible;"给您的<svg>并覆盖 "overflow:hidden"在您的".highcharts-container"可见 - 因此显示所有内容，例如高度超过 65 px 的工具提示。

您可以在此处查看解决方案:小心改变这些东西，但在你的例子中，我看不到对这种改变有任何不良 react 。如果您必须为您的 css 提供整个路径而不是全局更改它。

http://jsfiddle.net/af3g18mo/2/

因此，您的 css 的具体修复可能是:

svg{
    overflow:visible;
}
.highcharts-container{
    overflow:visible !important;
}