@page "/chart-trends"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart trends
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Overlay trend lines on charts to visualize data patterns and predictions.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <strong>2023 revenue</strong> line chart can display four statistical overlays: <strong>Trend line</strong> (red, dashed), <strong>Median line</strong> (green, dotted), <strong>Mean line</strong> (blue, dotted), and <strong>Mode line</strong> (yellow, dotted) using <code>RadzenSeriesTrendLine</code>, <code>RadzenSeriesMedianLine</code>, <code>RadzenSeriesMeanLine</code>, and <code>RadzenSeriesModeLine</code> components.
</RadzenText>

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