Css 强制Highcharts在div/container外部显示工具提示

Css 强制Highcharts在div/container外部显示工具提示,css,highcharts,tooltip,Css,Highcharts,Tooltip,[高图表] 您好,有没有办法在标记外显示工具提示?喜欢让它“漂浮”在容器外,这样它就不会像下面那样被切断 提前谢谢 下面是一个JSFIDLE示例,您可以使用它重现问题。(尝试将鼠标悬停在箱线图上) code在你的小提琴中,我可以找出问题: 如果您在样式表中进行一次级联,您可以看到您的路径和内容在一个标记中。 标记的固定高度为65px,并且没有溢出属性-但是在出现溢出:隐藏之前有一个路径。这就是为什么highchart工具提示和所有内容都被切断的原因 例如,如果工具提示中的内容较长,则可以将高度

[高图表]

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

提前谢谢

下面是一个JSFIDLE示例,您可以使用它重现问题。(尝试将鼠标悬停在箱线图上)


code

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

如果您在样式表中进行一次级联,您可以看到您的路径和内容在一个标记中。 标记的固定高度为65px,并且没有溢出属性-但是在出现
溢出:隐藏之前有一个路径。这就是为什么highchart工具提示和所有内容都被切断的原因

例如,如果工具提示中的内容较长,则可以将高度动态更改为40%,但这并不能真正解决问题。但是您可以为您的
提供一个
“溢出:可见;”
,并覆盖
中的
“溢出:隐藏”
。highcharts容器“
中的
“溢出:可见”-这样所有的内容,如高度超过65像素的工具提示都会显示出来

您可以在此处看到解决方案: 更改这些内容时要小心,但在您的示例中,我看不到对此更改的任何不良反应。如果你必须给你的css一个完整的路径,以避免全局性地改变它

因此,css的具体解决方案可能是:

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

在这里查看溢出属性:您好,谢谢您的帮助。我试过了,但没用。下面是我使用官方Highcharts示例修改的代码示例。(我故意降低了高度)试着将鼠标悬停在方框图上,你可以看到工具提示被截断。这里是溢出内容的最简单示例。有时,您只需查看上面路径中的一部分,即可找到避免更改的给定属性=)祝您好运,希望这对您有所帮助。您可以使用本主题中的解决方案: