Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip of chart are behind of stacklabel with image #7172

Closed
fedegara opened this issue Sep 20, 2017 · 3 comments
Closed

Tooltip of chart are behind of stacklabel with image #7172

fedegara opened this issue Sep 20, 2017 · 3 comments

Comments

@fedegara
Copy link

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

@pawelfus
Copy link
Contributor

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.

@sebastianbochan
Copy link
Contributor

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

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

@fedegara
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants