Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Hover on Axis Tick Label

I’ve abbreviated versions of some rather long identifiers, that I’m using for axis tick labels. I’d like to be able to see the longer version when hovering over the tick label. Is there a way to accomplish?

Here’s how: http://codepen.io/etpinard/pen/jWjgKE

Thanks for the response. However, I am a bit confused by this. I don’t want to format the hover on the point. Rather, I want to format the hover on the tick label, itself. So, in your example, I want to hover on the axis label ‘B’ and see the long name. More specifically, if I have an axis tick label that looks like this, “HereIsALon…”, then I want to be able to hover over that axis tick label and see, “HereIsALongLabelItsVeryLong”.

I just added this to my css…

.yaxislayer {
pointer-events:all;
}

That seemed to do it.