@page "/"
<TelerikChart>
    <ChartSeriesItems>
        <ChartSeries Type="ChartSeriesType.Donut" Data="@PieData" HoleSize="70"
                        Field="@nameof(MyPieChartModel.SegmentValue)" CategoryField="@nameof(MyPieChartModel.SegmentName)">
            <ChartSeriesLabels Position="ChartSeriesLabelsPosition.InsideEnd"
                                Visible="true"
                                Background="transparent"
                                
                                Font="20px 'Helvetica'">
            </ChartSeriesLabels>
        </ChartSeries>

    </ChartSeriesItems>

    <ChartTitle Text="Status of Survey Responses"></ChartTitle>

    <ChartLegend Position="ChartLegendPosition.Left">
        </ChartLegend>
</TelerikChart>

@code
{   
	protected List<MyPieChartModel> PieData { get; set; } = new List<MyPieChartModel>();

    protected override void OnInitialized()
    {
       
		PieData.Add(new MyPieChartModel { SegmentName = "Not started", SegmentValue = 164 });
		PieData.Add(new MyPieChartModel { SegmentName = "No audit exposure", SegmentValue = 0 });
		PieData.Add(new MyPieChartModel { SegmentName = "In progress", SegmentValue = 2 });
		PieData.Add(new MyPieChartModel { SegmentName = "Submitted", SegmentValue = 8 });

    }

}

    public class MyPieChartModel
    {
        public string SegmentName { get; set; }
        public double SegmentValue { get; set; }
    }