@page "/stacked-area-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Stacked Area series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Display cumulative data trends using stacked area charts.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo monthly revenue for <strong>2023</strong> and <strong>2024</strong> stack to show cumulative totals, with toggles for smooth curves and data labels (2023 labels use custom <code>Fill="#FB7185"</code> pink color), and the value axis is constrained to 0-800k range.
</RadzenText>

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