@kbox-labs/react-echarts
TypeScript icon, indicating that this package has built-in type declarations

1.4.0 • Public • Published

cover


Version NPM Size Build License

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

License

MIT License © 2023-Present Hugo Corta

Readme

Keywords

none

Package Sidebar

Install

npm i @kbox-labs/react-echarts

Weekly Downloads

2,478

Version

1.4.0

License

MIT

Unpacked Size

107 kB

Total Files

9

Last publish

Collaborators

  • hugocxl