Chart - Pie

A Pie chart showing market share distribution. Pie charts are best for displaying proportions of a whole with a small number of categories.


Source Code

<Chart ChartWidth="500px" ChartHeight="400px">
    <ChartTitle Text="Cloud Provider Market Share — 2025" />
    <ChartLegend Name="Default" />
    <ChartArea Name="PieArea" />
    <ChartSeries Name="Market Share"
        ChartType="SeriesChartType.Pie"
        ChartArea="PieArea"
        Points="@MarketSharePoints" />
</Chart>

@code {

    private List<DataPoint> MarketSharePoints = new()
    {
        new() { XValue = "AWS", YValues = new[] { 31.0 }, Label = "AWS" },
        new() { XValue = "Azure", YValues = new[] { 25.0 }, Label = "Azure" },
        new() { XValue = "Google Cloud", YValues = new[] { 11.0 }, Label = "Google Cloud" },
        new() { XValue = "Alibaba", YValues = new[] { 5.0 }, Label = "Alibaba" },
        new() { XValue = "Others", YValues = new[] { 28.0 }, Label = "Others" }
    };

}