This example demonstrates the PieChart component that visualizes data as a circle divided into points (slices) to illustrate data proportions.
To get started with the DevExtreme PieChart component, refer to the following tutorial for step-by-step instructions: Getting Started with PieChart.
Bind PieChart to Data
This demo uses an array as a PieChart data source. To bind the PieChart to data, pass the array to the PieChart's dataSource property.
Specify Title and Labels
Use the title property to specify and configure the PieChart's title.
You can accompany each series point with a label that displays the point's value or custom data. To make point labels visible, assign
true to the series.label.visible property. With this configuration, the component displays point labels detached from their respective series points. To make the connection between labels and points visible, set the label.connector.visible property to
Process Point and Legend Clicks
Enable PieChart Export
If you have technical questions, please create a support ticket in the DevExpress Support Center.