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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -