2013-12-13 34 views
6

Başka bir HTML öğesinin üzerine yerleştirmek için useHTML kullanarak bir zIndex kullanmak için highcharts araç ipucunu almaya çalışıyorum. - yerine bunun altında ben ipucu pembe kutusunun üzerine gitmek isterim http://jsfiddle.net/sDu8V/highcharts tooltip z-endeksi

:

bu keman bakın.

Neyi eksik? Bütün grafik Öğrencilerine ya üzerinde veya her ikisi senin pembe altından tek bir SVG nesnede oluşturulur çünkü

cevap

11

Olası çözüm: http://jsfiddle.net/sDu8V/1/

Gerekli CSS:

.highcharts-container { 
    position: inherit !important; 
} 
.highcharts-tooltip { 
    z-index: 9998; 
} 

Teşekkür @Piotriçin, 4.1.x tasarımını güncellendi.

+0

Üzgünüm @ Paweł Fus, ancak bunun sorunu nasıl çözdüğünü göremiyorum. Jsfiddle üzerinde, araç ipucunu kaplamak için hiçbir değişikliğe gerek kalmadan araç ipuçlarını kaplayan pembe kutuyu hâlâ alıyorum. Chrome ve Safari'de test ettim. Kontrol edip onaylar mısınız? – frandevel

+0

Hover IE -> araç ipucu pembe kutuda görüntülenir, karınca, hatırladığım gibi, soru buydu. –

+1

Çözümünüzde küçük değişiklikler yaptım: http://jsfiddle.net/sDu8V/24/ Kaldırılan kenar boşluğu ve geliştirilmiş içerik Araç ipucu. – Piotr

2

Sen pembe kutusunun üzerine işlenmiş olsun sadece ipucu olamaz.

Yapabilecekleriniz, arka planı saydam hale getirerek tüm kutuyu pembe kutu üzerinde işlemektir.

Grafiğiniz:

chart: { backgroundColor:'transparent' } 

Kişisel div da grafiğin altındaki olmalıdır:

<div id="box" style="z-index:0"></div> 

Canlı örnek: http://jsfiddle.net/7TcJ6/