Highcharts：如何在弹出菜单上方显示弹出框？

Question

我有这段jsfiddle代码，从这里我们可以看到将鼠标移到图表上方如何创建弹出框。对于我来说，问题是这些弹出框显示在stock-tools菜单上方，并且结果类似

那么，有什么方法可以将弹出框带到库存工具之前，从而可以避免上面捕获的情况？ 我尝试更改某些类的z-index属性（我动态检测到了该属性），但无法修复。

Answer 1

启用outside属性并为值大于10的工具提示容器设置z-index：

tooltip: {
  outside: true
}

CSS：

.highcharts-tooltip-container {
    z-index: 10 !important;
}

---

实时演示： https://jsfiddle.net/BlackLabel/3m2wue7b/

API参考： https://api.highcharts.com/highstock/tooltip.outside