Unofficial react wrapper for apexcharts.js
Install the package:
npm install apexcharts-react
import React from 'react';
import Chart from 'apexcharts-react';
const options = {...} // check out the docs
class ExampleComponent extends React.Component() {
this.state = {
options
}
render() {
return (
<div className="App">
<Chart
expose={chart => (this.chart = chart)}
options={this.state.options}
/>
</div>
);
}
}
There is also an example app inside the example
folder.
-
options
- object.isRequired - options for the chart - for more info check out the docs -
expose
- func - function that exposes the chart instance to the parent component in order to enable user to call the instance methods from the outside of the chart component
For more info on how to create charts check out the official docs.