@page "/donut-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart donut series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Display proportional data with a center hollow using donut charts.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the donut chart uses <code>TotalAngle="180"</code> and <code>StartAngle="180"</code> to create a half-circle gauge, with a <code>TitleTemplate</code> displaying "Revenue for 2024" in the center hollow area and quarterly revenue in the segments.
</RadzenText>

<RadzenExample ComponentName="Chart" Example="DonutChartConfig" DocumentationLink="https://blazor.radzen.com/docs/guides/components/chart.html">
    <DonutChartConfig />
</RadzenExample>