css - Highcharts tooltip hidden behind second chart -
css - Highcharts tooltip hidden behind second chart -
our page has big number of horizontal bar charts generated highcharts. long story short, tooltips charts beingness covered charts below , side of them. i've messed around z-index , doesn't seem making difference. i've looked @ previous similar questions, no help.
here's example: http://jsfiddle.net/o15gywrv/5/
if hover on first chart, you'll see tooltip covered sec chart.
i've tried playing z-index on container , tooltip , i'm not seeing difference:
.highcharts-container { overflow: visible !important; z-index: 0 !important; } .highcharts-tooltip { z-index: 9998; }
for me, simple css z-index set on hover worked:
.highcharts-container:hover { z-index: 1 !important; }
css highcharts
Comments
Post a Comment