DevExtreme Vue - Overview

The PieChart is an interactive widget that visualizes data as a circle divided into sectors that each represents a portion of the whole.

The PieChart can visualize data from any source. Refer to the following topics for details on how to bind the PieChart to your data source.

• Simple Array
• JSON Data
• OData Service
• Custom Sources

The next step is to configure the most essential chart element - series.

• Bind Series to Data
• Series Overview
• Point Labels

Then, make the PieChart more informative with the following elements.

• Legend
• Title and Subtitle

Finally, add some interactivity.

• Tooltips
• Client-Side Exporting and Printing
• Adaptive Layout

See Also

• PieChart Demos
• PieChart API Reference