Getting Started with React Charts using AG Charts

Опубликовано: 19 Март 2026
на канале: AG Grid
2,709
27

This video shows you how to create a React chart using AG Charts. We'll demonstrate how to install AG Charts, display data, configure multiple series types, and style the chart by adding captions and formatting labels.

00:00 Intro
00:15 Installation & Project Setup
00:58 Creating a Chart
02:00 Displaying Data
03:09 Adding a Second Series
04:00 Configuring Axes
05:14 Adding Title & Subtitle
05:35 Formatting Legend
06:14 Formatting Axes

All source code is available on our docs example: https://charts.ag-grid.com/react/crea...

---

AG Charts is the JavaScript charting library from the creators of AG Grid which has specifically built components for React, Angular and Vue. Available as a free community edition and commercially as an Enterprise product (full support and more features).

For more information about AG Charts please visit: https://charts.ag-grid.com/