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

Question

[Highcharts]

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

提前致谢.

这是一个可以用来重现问题的jsFiddle示例.(尝试将鼠标悬停在箱线图上)

http://jsfiddle.net/af3g18mo/ Code

Answer 1

在你的小提琴我可以找出问题:

如果您在样式表中向上移动一个级联,则可以看到您的路径和内容位于标记内.标签的修复高度为65px,没有溢出属性 - 但是之前有一条路径overflow:hidden.这就是高清工具提示和一切都被切断的原因.

您可以动态更改高度,例如40%,如果您的工具提示中有更长的内容,则无法真正解决问题.但你可以给"overflow:visible;"你的<svg>,并覆盖"overflow:hidden"在你的".highcharts-container"可见-这样会显示所有喜欢你的提示有超过65像素高度的内容.

你可以在这里看到解决方案:小心改变这些东西,但在你的例子中,我看不到对这种变化的任何不良反应.如果你必须给你的css整个路径不全局改变它.

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

所以css的具​​体固定可能是:

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