3D Charts

Jump to bottom

Will Hawker edited this page Aug 16, 2017 · 1 revision

React JSX Highcharts provides a helper component for 3D Charts - <Highcharts3dChart />

<Highcharts3dChart /> take props on the root element that will be passed as Highcharts 3D options.

Example

<Highcharts3dChart alpha="30" beta="45" depth="100">
  <XAxis>
    <XAxis.Title>X Axis</XAxis.Title>
  </XAxis>
  <YAxis id="number">
    <YAxis.Title>Y Axis</YAxis.Title>
  </YAxis>
  <ZAxis>
    <ZAxis.Title>Z Axis</ZAxis.Title>
    <ScatterSeries id="my-series" data={[[1, 2, 3], [4, 5, 6]]} />
  </ZAxis>
</Highcharts3dChart>

Examples - NPM links: react-jsx-highcharts | react-jsx-highstock | react-jsx-highmaps