React Apexcharts
react-apexcharts
React.js wrapper for ApexCharts with SSR support
Charts
react-charts
react
charts
graphs
apexcharts
data-visualization
ssr
server-side-rendering
nextjs
react-server-components
Stars
322
Weekly
937k
Open issues
4
Bundle
~25 kB
Installation
npm install react-apexchartsCode example
import { Apexcharts } from "react-apexcharts";
const data = [
{ name: "Jan", value: 12 },
{ name: "Feb", value: 18 },
];
export function Example() {
return (
<Apexcharts data={data} width={420} height={240}>
{/* series / axes from React Apexcharts */}
</Apexcharts>
);
}Pros & cons
Pros
- Actively maintained by Juned Chhipa
- 937k weekly downloads. Battle tested
- First-class TypeScript definitions
- SEE LICENSE IN LICENSE licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Not supported in React Native
- 4 open issues on GitHub