@page "/bar-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart bar series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Display horizontal bar charts for comparing data across categories.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo two charts compare <strong>2024</strong> (dashed line) vs <strong>2023</strong> quarterly revenue: one with auto-sized bars and one with custom <code>Height="20"</code>, both using <code>Radius="5"</code> for rounded corners and <code>SeriesClick</code> events logged to console.
</RadzenText>

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