Charts
React-ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.
Basic Line
Dashed Line
Basic Area
Spline Area
Basic Column
Stacked Column
Basic Bar
Grouped Bar
Simple Pie
Simple Donut
API
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 | {} |
More Charts Examples?
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/