What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- - Overview
  - Data Binding
  - Getting Started
  - Configurator
  - Filtering
  - Sorting
  - Customization
  - Export to Excel
  - Export to PDF
  - Integration with Chart
  - FAQ
  - Globalization
  - Accessibility
  - API
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / PivotGrid / Integration with Chart /

Integration with the KendoReact Chart Component

To configure the Chart's data:

Use the PivotGrid's dataCells function and pass the PivotGrid's rows, columns and data props.
Loop through the dataCells result and create Chart series and categories.

The following example demonstrates how to visualize the PivotGrid data with the KendoReact Chart component.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!