Highcharts: Tooltip of chart are behind of stacklabel with image

Created on 20 Sep 2017  路  3Comments  路  Source: highcharts/highcharts

Expected behaviour

When i use stackLabels with useHTML:true and show a image, the tooltip should have more z-index than the stackLabels

Actual behaviour

stackLabels with useHTML:true and show a image in, the tooltip of the chart is behind of the image of stackLabel (image).

Live demo with steps to reproduce

http://jsfiddle.net/65uxy10q/

Affected browser(s)

Chrome

Not a bug

All 3 comments

Hi @fedegara

This is not a bug. HTML is rendered on top of the SVG, so tooltip will be below the HTML images. You can read details in our docs.

Workaround
The solution is disable Highcharts tooltip and use CSS version.

Demo:
- http://jsfiddle.net/BlackLabel/21q382hL/

Thanks @pawelfus and @sebastianbochan for the solution. this save my day

Was this page helpful?
0 / 5 - 0 ratings