ECharts for React
Visit introduction to get started with React Echarts.
A quick example of how to create a simple chart:
import { EChart } from '@kbox-labs/react-echarts'
function App() {
return (
<EChart
style={{
height: '600px',
width: '100%'
}}
xAxis={{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
}}
yAxis={{
type: 'value'
}}
series={[
{
data: [23, 12, 26, 38, 94, 15, 62],
type: 'line',
areaStyle: {}
}
]}
/>
)
}
export default App
Visit docs to view the full documentation.
The React Echarts community can be found on GitHub Discussions, where you can ask questions, voice ideas, and share your projects.
Our Code of Conduct applies to all react-echarts community channels.
Please see our contributing.md.
We have a list of good first issues that contain bugs that have a relatively limited scope. This is a great place to get started, gain experience, and get familiar with our contribution process.
- Hugo Corta (@hugocxl)
MIT License © 2023-Present Hugo Corta