ECharts for React Made Simple
A modern, lightweight React wrapper for Apache ECharts. Build beautiful, interactive data visualizations with ease.
Why React ECharts?
Easy to Use
Simple, declarative API that feels natural in React. Just pass your options and let the library handle the rest.
Tree Shakeable
Use EChartsCore for optimized bundles. Import only the chart types you need for smaller builds.
Fully Customizable
Access all ECharts configuration options. Built-in theme support with dark and light modes.
Responsive
Charts automatically resize with their container. Perfect for responsive layouts.
TypeScript Support
Full TypeScript definitions for type-safe chart configurations and autocompletion.
Event Handling
Rich event system for interactive charts. Click, hover, zoom, and custom events supported.
Interactive Chart Examples
Explore various chart types powered by Apache ECharts
Simple, Declarative API
Create beautiful charts with just a few lines of code
import { EChartsReact } from 'react-echarts-library';
function MyChart() {
const option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
smooth: true
}]
};
return <EChartsReact option={option} />;
}Ready to Get Started?
Install react-echarts-library and create your first chart in minutes.
Read the Docs