can we add tooltips on horizontal lines or show their label on mouse hover

[Pragati Yadav]

I am able to add the horizontal line on chart using annotations and able to put mouse hover action also for them but I want to show their values on hover so lines needs to be fixed only their label should be visible on mouse hover or as tooltip will also work.

Is their any option for the same in chart js?

attached is the image for the chart which i created and added horizontal lines in same.

[juls.di...@gmail.com]

Can you provide some kind of code or working example (CodePen, stackblitz, jsbin  etc.)

[Pragati Yadav]

you can refer following sample:

https://jsfiddle.net/beaver71/5jg4wgdh/

it is showing horizontal line on mouse hover but I want the lines to be fixed but the level "threshold" to be shown on hover.

[juls.di...@gmail.com]

By "fixed" you mean to be visible all the time?

[Pragati Yadav]

Yes, only their value i want to see on hover or as tooltips

[juls.di...@gmail.com]

If you do not want to show the lines, you can make them transperent "borderColor: "#00000000"," in "function addLine(value) {"

example here

Regards,
Julian

[juls.di...@gmail.com]

Or maybe you add the lines on startup and then play with the visibility on the label of the annotation on "hoverin" and "hoverout" events.
A similar example is here

Regards,
Julian