score:1

Accepted answer

You can find a demo of this chart in React here: https://stackblitz.com/edit/react-highcharts-xrange-demo

You have to remember to properly load highcharts modules: https://github.com/highcharts/highcharts-react#how-to-add-a-module

score:0

Seeing same error but (using Typescript) for my fix i needed to pass in Highcharts to the xrange like so:

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import xrange from 'highcharts/modules/xrange';
xrange(Highcharts);

and then the markup:

<HighchartsReact
  highcharts={Highcharts}
  options={options}
  {...this.props}
/>

Related Articles