CODEWITHSUNDEEP
reactjshighcharts
Mr. Robot
Mr. Robot

Reputation: 1824

How to replace cursor with crosshair in Highcharts React?

In this example, the cursor is a crosshair when hovering over the entire chart area. I am using Highcharts React however and the above example uses jQuery.

I cannot get this to work with Highcharts React - I have found the documentation for plotOption.series.cursor here, but this only allows me to show a crosshair pointer when hovering over a data point, not the whole chart area.

How can I make this work in Highcharts React?

Upvotes: 0

Views: 647

Answers (1)

Mr. Robot
Mr. Robot

Reputation: 1824

There was an extremely easy solution which was extremely hard to find which is:

chart: {
  style: {
    cursor: 'crosshair',
  },
}

Search in the Highcharts docs and you will not find this.

Upvotes: 1

Related Questions