javascript - Chart.js - setting tooltip z-index - Stack Overflow

admin管理员组

文章数量:1287191

/

^ See the sample fiddle above. Notice how the tooltips for the piechart go underneath the "earth" icon I have in the middle there? Is there a way to set the z-index property of the tooltips to be above the earth icon? I thought this would work?

race.tooltip.style.zIndex = "5";

I'm still learning...thank you for your kind help!

http://jsfiddle/gmannib/j2mwpj43/7/

^ See the sample fiddle above. Notice how the tooltips for the piechart go underneath the "earth" icon I have in the middle there? Is there a way to set the z-index property of the tooltips to be above the earth icon? I thought this would work?

race.tooltip.style.zIndex = "5";

I'm still learning...thank you for your kind help!

• javascript
• html
• css

Share Improve this question Follow asked Aug 21, 2014 at 4:37 user3908735user3908735 7522 gold badges22 silver badges55 bronze badges 2

• 1 visit this for more info:rgraph/docs/using-tooltips-in-your-charts.html – Suchit kumar Commented Aug 21, 2014 at 5:59
• @suchit i dont think that rgraph's docs apply to chartjs.. Instead look it up here – LuckyLikey Commented Nov 26, 2018 at 12:35

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

just give higher z-index value to your canvas and you are done. See DEMO.

CSS Code

canvas#race{position:relative; z-index:1;}

本文标签： javascriptChartjssetting tooltip zindexStack Overflow