Ich versuche, die highcharts Tooltip zu bekommen zIndex haben useHTML verwenden sie einen anderen HTML-Element zu positionieren über.highcharts Tooltip z-index
Sehen Sie diese Geige: http://jsfiddle.net/sDu8V/
ich das Tooltip über die rosae Box gehen möge - statt darunter.
Was fehlt mir?
Mögliche Lösung: http://jsfiddle.net/sDu8V/1/
Benötigte CSS:
.highcharts-container {
position: inherit !important;
}
.highcharts-tooltip {
z-index: 9998;
}
Dank @Piotr, aktualisiert Entwurf für 4.1.x.
Sie können nur den Tooltip nicht haben, um über die rosa Box gemacht, weil das gesamte Diagramm in einem einzigen SVG Objekt gemacht wird, die entweder totallly über oder beide unter Ihren rosa.
Was Sie tun können, ist das gesamte Diagramm über die rosa-Box zu machen, indem es Hintergrund transparent zu machen.
Ihr Diagramm:
chart: { backgroundColor:'transparent' }
Ihre div sollte auch unter dem Diagramm sein:
<div id="box" style="z-index:0"></div>
anschauliches Beispiel: http://jsfiddle.net/7TcJ6/
Leider @ Paweł Fus, aber ich sehe nicht, wie das das Problem löst. Auf der jsfiddle bekomme ich immer noch die rosafarbenen Kasten Abdeckung der Tooltips ohne Änderung der Tooltip um darüber hinwegzukommen. Ich habe es in Chrome und Safari getestet. Könnten Sie bitte überprüfen und bestätigen? – frandevel
Hover IE -> Tooltip über rosa Feld ant angezeigt, war die Frage, wie ich mich erinnere. –
Ich machte kleinere Änderungen an Ihrer Lösung: http://jsfiddle.net/sDu8V/24/ entfernt Marge und verbesserte Inhalte Tooltip. – Piotr