Boost.js module with highstock

Anyone has an example of how to use the boost.js module with this? So far I tried import ReactHighcharts from "react-highcharts/ReactHighstock"; require('highcharts-boost')(ReactHighcharts); and import ReactHighcharts from "react-highcharts/ReactHighstock"; require('highcharts-boost')(ReactHighcharts.ReactHighstock);

but either they don’t do anything or produce an error in the console about win not being defined.

Thank you.

[arift]

This was resolved a while ago. I’ll put my solution in case someone else comes across it:

import ReactHighcharts from "react-highcharts/ReactHighstock";
import Boost from "highcharts-boost";
Boost(ReactHighcharts.Highcharts);

Remember, Boost module won’t actually do anything unless the number of points in a series is above a threshold (which i believe the default is 5000, but i could be wrong). Even if the sum of all the series points are above the default value, it still will not work unless individual series points are above the threshold. In order to get around this, you will have to add boostThreshold to the series setting and set it to whatever value you’d like. You’ll have to do this for each series since there is no global setting. Ex:

{
   ...
   chart: {
      type: 'line'
   },
   series: [
      {data: someArray, boostThreshold : 500},
      {data: someArray2, boostThreshold : 500},
   ]
}

[ilyjs]

@Sunzhuoyi Write to me here https://github.com/kirjs/react-highcharts/issues/362 .