React-ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.
| Prop | Description | Type | Default |
|---|---|---|---|
| type | The chart type which is a mandatory prop to specify | string | 'line' |
| series | The data which you want to display in the chart | Array | - |
| width | Width of the chart | string | number | '100%' |
| height | Height of the chart | string | number | 'auto' |
| options | All the optional configuration of the chart goes in this property | object | {} |
There are several other charts which can be created by changing a couple of options. The major configuration has to be done in the options property of ApexCharts component and rest will fall into places. Refer to:https://apexcharts.com/react-chart-demos/