javascript - 工具提示在 Highcharts 3.X 中被 chop

标签 javascript html css highcharts

当图表宽度小于工具提示宽度时,工具提示被 chop 。

Issue

因此,我将“.highcharts-container”的“溢出”属性更改为“可见”,并解决了除 IE 之外的所有浏览器中的问题(在某些情况下我看到了 ScrollBars)。

Normal

问题是“如何保持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/

相关文章:

javascript - 我如何以 Angular 将数据从一条路线传输到另一条路线?

javascript - 我如何解码一个 javascript 片段,该片段被似乎是带有 eval() 函数的 unicode 或 regex 字符串混淆?

c# - *{} 母版页中的类用另一个类子页面覆盖

javascript - 切换显示/隐藏 html 内容

javascript - Ng Bootstrap 轮播全屏

javascript - 我如何解析此 JSON 以便在 Backbone View 中使用

javascript - HTML5 Canvas 位图蒙版和绘图位图

html - 缩进 HTML 和内嵌 HTML 之间的区别

javascript - appendChild() 不接受传递的字符串参数作为参数?

CSS 选择器问题