Installation

Get started with react-echarts-kit by installing it via npm or yarn.

NPM Installation

bash

Yarn Installation

bash

Note

ECharts is a peer dependency and must be installed separately.

Quick Start

Create your first chart in just a few lines of code.

Basic Line Chart

tsx

Basic Usage

Learn the fundamental concepts and patterns for using react-echarts-kit effectively.

Component Structure

All chart components follow a consistent API pattern with props for data, styling, and configuration.

Component Props

tsx

Data Format

Charts accept data in a standardized format that's easy to work with.

Data Structure

tsx

Related Topics

Chart Examples

Explore comprehensive examples for all chart types.

View Examples

Theming Guide

Learn how to customize chart appearance and themes.

Learn Theming

API Reference

Complete API documentation for all components.

View API

Performance Tips

Optimize your charts for better performance.

Optimize