ECharts for React

Getting Started

Visit introduction to get started with React Echarts.

Quick example

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

Documentation

Visit docs to view the full documentation.

Community

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.

Contributing

Please see our contributing.md.

Good First Issues

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.

Authors

• Hugo Corta (@hugocxl)

License

MIT License © 2023-Present Hugo Corta