Skip to content

This repository explains how to create a Blazor Pie Chart (Circular Graphic) in Blazor Server Application.

Notifications You must be signed in to change notification settings

SyncfusionExamples/Creating-Blazor-Pie-Chart

Repository files navigation

Create a Blazor PieChart

The Blazor Pie Chart is a circular graphic, which is ideal for displaying proportional values between different categories.

Syncfusion's Blazor Chart library includes functionality for plotting more than 30+ chart types along with pie chart. Each chart type is easily configured with built-in support for creating stunning visual effects.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Features and Benefits

Pie with legends

Legends are used to show information about each data point, and are proportional to its contribution towards the total sum. You can collapse data points using the legend click

Custom radius

Customize the radius of the pie to change the look and functionality of the Blazor Chart.

Start and end angles

Customize the start and end angles of the Chart to achieve a semi-circle pie chart.

Data label

Data labels display information about the data points. Add a template to display data labels with HTML elements such as images, DIV, and spans for more informative data labels. You can rotate a data label by its given angle.

Smart labels

Arrange data labels smartly to avoid overlapping when the data point values are close to one another.

Grouped points

Group the points in Blazor Pie Chart based on certain conditions. The grouped slices can be split into individual points by clicking the slice.

Drilldown Operation

The drill-down operation navigates from a less detailed record to a more detailed data.

Custom radius

Customize the radius of individual slices using built-in APIs.

Pie Center

Move the center of the pie relative to the plot area.

Customization

Customize the look and feel of the pie using built-in APIs.

Related Links

Learn more about Blazor Pie Charts

Download Free Trial

Pricing

Documentation

Online Examples

Community Forums

Suggest a feature

About Syncfusion Blazor Components

Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. We provide popular Blazor components such as DataGrid, Charts, Scheduler, Diagram, and Word Processor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview) and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


[email protected] | www.syncfusion.com | 1-888-9 DOTNET

About

This repository explains how to create a Blazor Pie Chart (Circular Graphic) in Blazor Server Application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •