jquery - 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) 删除 useHTML: true for dataLabels

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

Answer 2

尝试以下操作：

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

如果我没看错你想删除厚厚的黑色边框，似乎有比你实际需要的更多的选项......

希望有帮助。