3

I set the tooltip z-index and the labels z-index so the labels won't go over the tooltip. 

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

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

.tooltip {
    padding:0px;
}

It works for the tooltip but not for the tooltip frame.

Is there a way to fix it for the tooltip frame? Or is there a way to remove this frame?

Demo: http://jsfiddle.net/Pxuhq/1/

4

2 に答える 2

4

ラベルが HTML タグを使用しており、境界線が SVG 要素に関連付けられているため、これは不可能です。HTML タグは常に SVG の上にあるため、その方法では何もできません。

これを解決するには？2 つのオプション:

1) dataLabels の useHTML: true を削除します。

2) dataLabels の HTML タグが必要な場合は、ツールチップのデフォルトの境界線を無効にし、ツールチップの CSS で独自の境界線を作成します。もちろん、その場合、ツールチップ用に独自のフォーマッターを作成する必要があります。

于 2013-08-01T11:36:38.407 に答える