jquery - HighCharts:工具提示框架上可见的标签

Question

我设置了工具提示 z 索引和标签 z 索引，以便标签不会超出工具提示。

 .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) 如果您需要为数据标签使用 HTML 标签，请禁用工具提示中的默认边框，并在 CSS 中为工具提示创建您自己的边框。当然，在这种情况下，您需要为工具提示编写自己的格式化程序。