隐藏在第二张图表后面的Highcharts工具提示

Question

我们的页面包含由HighCharts生成的大量水平条形图.简而言之,图表中的工具提示正在被下面的图表和它们的侧面所掩盖.我已经搞砸了z-index,它似乎并没有什么不同.我看过以前类似的问题,但他们没有帮助.

这是我的例子:http://jsfiddle.net/o15gywrv/5/

如果将鼠标悬停在第一个图表上,您将看到工具提示被第二个图表覆盖.

我试过在容器和工具提示上玩z-index,但我没有看到任何区别:

.highcharts-container {
    overflow: visible !important;
    z-index: 0 !important;
}
.highcharts-tooltip {
    z-index: 9998;
}

Answer 1

对我来说,悬停时设置的简单css z-index工作:

.highcharts-container:hover { z-index: 1 !important; }