@page "/pie-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart pie series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Display proportional data distribution with circular pie charts.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a single pie chart displays quarterly revenue distribution with a toggle for data labels and <code>SeriesClick</code> event that logs the clicked slice details (quarter and revenue) to the console.
</RadzenText>

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