HighCharts：标签在工具提示框架上可见

Question

我设置了工具提示z-index和标签z-index，因此标签不会覆盖工具提示。

 .label { z-index: 1!important;}

.highcharts-tooltip span {
    background-color:#ffF;
    padding: 0px;
    z-index:9999!important;
}

.tooltip {
    padding:0px;
}

它适用于工具提示，但不适用于工具提示框架。

有没有办法为工具提示框架修复它？或者有没有办法删除这个框架？

演示：http://jsfiddle.net/Pxuhq/1/

Answer 1

这是不可能的，原因是标签使用HTML标签，并且边框附加到SVG元素。 HTML标签总是高于SVG，因此无法以这种方式完成任务。

如何解决这个问题？两个选项：

1）对dataLabels

删除useHTML：true

2）如果您需要dataLabels的HTML标签，请在工具提示中禁用默认边框，并在CSS中为工具提示创建自己的边框。当然，在这种情况下你需要为工具提示编写自己的格式化程序。

Answer 2

尝试以下方法：

tooltip: {
    percentageDecimals: 0,
    borderRadius: 0,
    borderWidth: 0,
    shadow: false
},

如果我正确地读到您想要移除厚黑色边框，似乎有比您实际需要的更多选项......

希望有所帮助。