# @visactor/react-vchart

`@visactor/react-vchart` is a React wrapper version of the VChart library provided by [VisActor](visactor.io). It offers a series of easy-to-use React components for creating various types of charts in a React development environment, including line charts, bar charts, pie charts, and more. The components in `@visactor/react-vchart` are highly customizable and extensible, allowing you to achieve different chart effects through various parameters and configurations.

Key features of `@visactor/react-vchart` include:

- **Easy to Use**: `@visactor/react-vchart` provides a series of user-friendly React components for quickly creating various types of charts.
- **Highly Customizable**: The components in `@visactor/react-vchart` are highly customizable, allowing you to achieve different chart effects through various parameters and configurations.
- **Extensible**: `@visactor/react-vchart` components can be easily extended and customized, allowing you to add new functionalities and features as needed.
- **Good Compatibility**: `@visactor/react-vchart` fully inherits VChart's visualization capabilities and can run on different browsers and devices.
- **Support for Multiple Chart Types**: `@visactor/react-vchart` supports various types of charts, including line charts, bar charts, pie charts, radar charts, and more.

`@visactor/react-vchart` is fully aligned with VChart in terms of capabilities, and its API configuration is almost identical to VChart. For chart definitions and configurations, please refer to [VChart](https://www.visactor.io/vchart).

## Development Guide

### Build

```bash
# root directory
$ rush build
```

### Development

```bash
# root directory
$ rush react
```

or

```bash
$ cd packages/react-vchart
$ rushx start
```

## Documentation Guide

[guide](https://github.com/VisActor/VChart/blob/develop/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/react.md)

[demo](https://github.com/VisActor/VChart/tree/develop/docs/assets/examples-react)

[online guide](https://www.visactor.io/vchart/guide/tutorial_docs/Cross-terminal_and_Developer_Ecology/react)

[online demo](https://www.visactor.io/vchart/example-react)