css - 强制Highcharts在div/容器外部显示工具提示

[高图]

您好，有什么方法可以在标签外显示工具提示吗？希望使其“漂浮”在容器外部，这样它不会像下面那样被截断。

提前致谢。



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

http://jsfiddle.net/af3g18mo/ Code

最佳答案

在你的小提琴中，我可以找出问题所在：

如果您在样式表中上一个层叠，您会看到路径和内容都在标签内。
标签的固定高度为65px，没有溢出属性-但是overflow:hidden之前只有一条路径。这就是为什么highchart工具提示和所有内容都被切断的原因。

您可以动态地将高度更改为例如40％，如果工具提示中的内容较长，则不能真正解决问题。但是您可以给"overflow:visible;"一个<svg>并用可见的字符覆盖"overflow:hidden"中的".highcharts-container"-这样，所有显示的内容（如工具提示）都将显示高度超过65像素。

您可以在此处查看解决方案：
请谨慎更改这些内容，但在您的示例中，我看不到对此更改有任何不良反应。万一您必须给css整个路径而不是全局更改它。

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

因此，您的CSS的具体解决方法可能是：

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