当图表宽度小于工具提示宽度时,工具提示被 chop 。
因此,我将“.highcharts-container”的“溢出”属性更改为“可见”,并解决了除 IE 之外的所有浏览器中的问题(在某些情况下我看到了 ScrollBars)。
问题是“如何保持ToolTip正常渲染并支持IE?”
最佳答案
默认情况下,highcharts 将工具提示放在图表的 SVG 元素框中。如果工具提示大于图表,它将不可见。
在您的情况下,我认为您需要允许工具提示超出图表的 SVG 元素框。
有一个 API 选项:tooltip.outside
,默认情况下它是 undefined
。您可以将其设置为 true
,您的工具提示将呈现在图表的 SVG 元素之外。
...
// chart options object... just need to update tooltip
{
...
tooltip: {
outside: true
},
...
}
...
您可以在 https://api.highcharts.com/highcharts/tooltip.outside 阅读更多相关信息.
关于javascript - 工具提示在 Highcharts 3.X 中被 chop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33426461/