id props (important!)

IDs

Important!

React JSX Highcharts requires the id prop, for every Axis, Series or PlotLine/PlotBand you create. This is to ensure that we interact with the correct Highcharts configuration options behind the scenes.

Every ID must be unique, across the entire chart (i.e. a series cannot have the same ID as an axis)

If you omit the id prop from any of the above, your component will not be rendered

Note:

The <XAxis /> component has a default ID of xAxis as it has been assumed for the vast majority of use cases, there will be only one X Axis.