Back to Devexpress

Blazor Pie and Donut Chart

blazor-404943-components-charts-pie-chart.md

latest4.1 KB
Original Source

Blazor Pie and Donut Chart

  • May 28, 2025
  • 2 minutes to read

DevExpress Pie Chart for Blazor (<DxPieChart>) allows you to visualize data as a pie or donut chart.

Read Tutorial: Get Started With Blazor Charts

Run Demo: Blazor Pie Chart

YouTube video

API Reference

Refer to the following list for the component API reference: DxPieChart Members.

Supported Series Types

The DevExpress Blazor Pie Chart supports one series type – DxPieChartSeries. Specify the InnerDiameter property to create a donut chart.

Read Tutorial: Series Types

Data Binding

The DevExpress Blazor Pie Chart supports various data binding scenarios:

For examples on how to bind to the most commonly used data collections, refer to the following sections:

Read Tutorial: Bind Blazor Charts to Data

Labels

You can add labels to chart series. You can format values and customize label appearance.

Read Tutorial: Labels

Run Demo: Series Label Customization

Descriptive Elements

To help users understand visualized data, you can add descriptive elements to your charts – a legend, titles and subtitles, tooltips, and annotations.

Read Tutorial: Descriptive Elements Read Tutorial: Annotations

Run Demo: Annotations

Customization

DevExpress Charts for Blazor allow you to customize the appearance of nested/inner components and chart elements. You can also apply a custom color palette and change the component font.

Read Tutorial: Customization

User Interaction Options

DevExpress Blazor Charts allow users to interact with their content: users can select, click, and hover over series and points.

Read Tutorial: User Interaction Options

Run Demo: Selection

Export

You can export chart content as an encoded string in a specified format (PNG, PDF, JPEG, and GIF).

Read Tutorial: Export