• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
  • High Contrast
  • Tailwind
  • Fluent
Preferences
Theme Selection
Theme Modes
Localization
* Translated by Google Translator
Currency

Charts

This sample shows an overview of React Charts that allows users to visualize data easily and take decisions based on it. There are different types of charts to create feature rich apps.

Sales - Yearly Performance
OnlineRetail
Product Wise Sales - 2021
Monthly Sales for 2021
OnlineRetail

The React Chart is a well-crafted charting component to visualize data.In this example, you will see how to render and configure line, column, and pie charts with different features such as highlight, legend, tooltip, and annotation . The Chart uses SfDataManager, which supports both RESTful JSON data services binding and IEnumerable binding.

More information on the React Chart types can be found in this documentation section.

Transform your Next.js web apps today with Syncfusion® React components
80+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE