HighCharts：標籤上提示框

可見我設置了提示的z-index和標籤的z-index這樣的標籤不會在提示去。HighCharts：標籤上提示框

.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/

來源

2013-08-01 Daniel Gwerzman

嘗試以下操作：

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

似乎出現了，如果我讀正確，你想去掉厚厚的黑色邊框比實際需要更多的選擇......

希望有所幫助。

來源

2013-08-01 07:16:42 Palendrone

看看演示，我已經在使用它。 –

這是不可能的，原因是標籤正在使用HTML標籤，邊框被附加到SVG元素。 HTML標籤總是在SVG之上，所以沒有辦法以這種方式完成。

如何解決這個問題？有兩個選項：

1）拆下useHTML：真正的dataLabels

2）如果您需要HTML標籤dataLabels，在提示禁用默認的邊框，並在CSS創建自己的邊框工具提示。當然你需要在這種情況下編寫你自己的格式化工具提示。

來源

2013-08-01 11:36:38

我知道這是一個古老的答案，但我似乎無法使它適用於此解決方案。看看那個jsFiddle，數據標籤仍然在工具提示之上：http://jsfiddle.net/jrqv00u4/ –

刪除'.highcharts-data-labels {z-index：1！important; }':)或者爲'.highcharts-tooltip'設置更高的z-index（它沒有任何值，因此數據標籤總是呈現在頂部）。 –

最佳答案！很長時間才能找到它。爲我節省了很多時間（特別是關於'HTML標籤總是高於SVG'的部分）。 –

HighCharts：標籤上提示框

回答

相關問題