@page "/area-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart with area series
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Visualize data trends with filled area charts showing magnitude over time.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo two <code>RadzenAreaSeries</code> compare revenue data for 2023 and 2024, with options to toggle smooth curves and data labels, plus custom USD formatting on the value axis.
</RadzenText>

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