@page "/stacked-column-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart stacked column series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Compare data categories with vertically stacked columns.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo two charts stack quarterly revenue for <strong>2024</strong> (dashed) and <strong>2023</strong> vertically up to 800k: one with auto-sized columns and one with custom <code>Width="20"</code>, both using <code>Radius="5"</code> for rounded corners.
</RadzenText>

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