高级图表:如何将弹出框放在“库存工具”菜单上？

Question

我有这个小提琴代码，在这里我们可以看到鼠标在图表上移动是如何创建弹出框的。当这些弹出框显示在库存工具菜单上，结果如下

​

​

那么，我怎样才能把弹出框放在股票工具之前，这样我就可以避免上面提到的情况了吗？我试图更改某些类的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