Supported Features

For the features not currently "supported" by React JSX Highcharts, you can still pass them as props to the main <HighchartsChart /> or <HighchartsStockChart />.

For example, there is no specific React component for plotOptions but you can pass a prop called plotOptions containing the appropriate JSON configuration to the Chart directly

const plotOptions = {
  series: {
    dataLabels: {
      enabled: true,
      format: '<b>{point.name}</b> ({point.y:,.0f})',
      softConnector: true
    },
    center: ['40%', '50%'],
    neckWidth: '30%',
    neckHeight: '25%',
    width: '80%'
  }
};

<HighchartsChart plotOptions={plotOptions}>
  // etc
</HighchartsChart>

Supported configuration options (as React components)

Highcharts

• chart via <Chart />
• credits via <Credits />
• legend via <Legend />
• series see Series
• subtitle via <Subtitle />
• title via <Title />
• tooltip via <Tooltip />
• xAxis, yAxis and zAxis see Axes
• plotBands via <PlotBand /> - must be a child of the appropriate axis
• plotLines via <PlotLine /> - must be a child of the appropriate axis

Highstock

• All of the above plus....
• navigator via <Navigator />
• rangeSelector via <RangeSelector />
• scrollbar via <Scrollbar />

Highmaps

• chart via <Chart />
• credits via <Credits />
• legend via <Legend />
• series see Series
• subtitle via <Subtitle />
• title via <Title />
• tooltip via <Tooltip />
• mapNavigation via <MapNavigation>
• mapNavigation via <MapNavigation>
• xAxis and yAxis see Axes