Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to customize the crosshair Line for Highcharts

How to customize the cross Hair with start and end point for each series.Example start with 50 and end with 250 for the Y axis Position.

Thank you in Advance

Mohideen

like image 695
user3824730 Avatar asked Dec 06 '25 04:12

user3824730


1 Answers

There is no built in way to do that. The entire purpose of a cross hair is to extend to both or all perimeters.

Your best bet is to look into the renderer function, and draw your own line on hover instead.

Some reference:

  • http://api.highcharts.com/highcharts#Renderer
  • http://api.highcharts.com/highcharts#plotOptions.series.point.events.mouseOver
  • Highcharts Drawing a line with chart.renderer.path
like image 156
jlbriggs Avatar answered Dec 07 '25 20:12

jlbriggs



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!