amazing-react-charts

KO | EN

gitlite — search

#python #react #ai #llm #go #android #machine-learning #deep-learning #cli #kubernetes #awesome-list #pytorch #security #mcp

amazing-react-charts

(★ 15)

A simple package to handle with charts.

amazing-react-charts 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Amazing React Charts</h1>

[React](http://facebook.github.io/react/) UI toolkit for the web.

</div>

A simple library to create and handling awesome canvas charts.

This package is based on echarts and echarts-for-react wrapper.

## Installation

Amazing React Charts is avaliable as a [NPM](https://www.npmjs.com/package/amazing-react-charts) package.

- With npm:

```sh
    npm install --save amazing-react-charts
```

- With yarn:

```sh
    yarn add amazing-react-charts
```

## Usage

Here is a quick example to get you started, **it's all you need**:

```ts
import VerticalBarChart from 'amazing-react-charts'

<VerticalBarChart
    color='green'
    xType='time'
    barWidth={ 100 }
    yComplement='%'
    tooltip={{ 
        label: 'Axis x tooltip label',
        result: 'Axis y tooltip label'
    }}
    data={[
        { label: 'value 1', result: 50 },
        { label: 'value 2', result: 21 },
        { label: 'value 3', result: 84 },
        { label: 'value 4', result: 79 }
    ]}
/>
```

## Demo

To run the demo:

```sh
git clone https://github.com/nginformatica/amazing-react-charts.git
```

Install all the dependencies:

```sh
yarn
```

To run the demo, run the following command:

```sh
yarn start
```

## Components

- [x] AreaChart
- [x] HorizontalBarChart
- [x] StackedBarChart
- [x] VerticalBarChart
- [x] PieChart
- [x] CoordinateLineChart
- [x] DonutChart
- [x] LineChart
- [x] PictorialChart
- [x] RadarChart

## Special Components

- [x] AudiometryChart
- [x] ForecastAreaChart

## Next Components

- [ ] CalendarChart
- [ ] ClusteredBarChart

## Documentation

Check out our [documentation website](https://amazing-react-charts.now.sh/).
  
## Contributing

Bug reports, feature requests and other contributions are more than welcome! <br/>
Whenever possible, please make a pull request with the implementation instead of just requesting it.

> If the feature is big, open an issue first for discussion.

The descriptions of the props used on this package are found in: https://echarts.apache.org/en/option.html

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).

amazing-react-charts

amazing-react-charts 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

amazing-react-charts

amazing-react-charts 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README