Próbuję uzyskać etykietkę highcharts, aby mieć zIndex za pomocą useHTML, aby umieścić go na innym elemencie HTML.highcharts tooltip z-index
Zobacz ten skrzypce: http://jsfiddle.net/sDu8V/
chciałbym tooltip, aby przejść nad różowym pudełku - zamiast pod nią.
Czego mi brakuje?
Możliwe rozwiązanie: http://jsfiddle.net/sDu8V/1/
Wymagane CSS:
.highcharts-container {
position: inherit !important;
}
.highcharts-tooltip {
z-index: 9998;
}
Dzięki @Piotr, zaktualizowany projekt dla 4.1.x.
Nie można mieć tylko podpowiedź, aby renderowany na różowym polu ponieważ cały wykres jest renderowany w jednym obiekcie SVG, który jest albo totallly nad lub pod swoim różowym obu.
To, co możesz zrobić, to renderować cały wykres na różowym polu, dzięki czemu tło będzie przezroczyste.
wykresie:
chart: { backgroundColor:'transparent' }
Twój div powinny być również pod wykresie:
<div id="box" style="z-index:0"></div>
żywo przykład: http://jsfiddle.net/7TcJ6/
Niestety @ Paweł Fus, ale nie rozumiem, jak to rozwiązuje problem. Na jsfiddle nadal dostaję różowe pudełko pokrywające etykiety narzędzi bez żadnych zmian, aby uzyskać na nim podpowiedź. Testowałem to w Chrome i Safari. Czy możesz sprawdzić i potwierdzić? – frandevel
Hover IE -> tooltip wyświetla się na różowym pudełku, mrówko, o które, jak pamiętam, było to pytanie. –
Wprowadziłem drobne zmiany do twojego rozwiązania: http://jsfiddle.net/sDu8V/24/ Usunięto margines i ulepszono etykietkę narzędzi. – Piotr