@page "/chart-annotations"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart annotations
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Add text labels and visual markers to highlight specific data points on charts.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <strong>2024 revenue</strong> line chart displays two annotations: "Acquisition" at August data point and "IPO" (red fill) at June data point, with a checkbox to toggle <code>RadzenSeriesAnnotation</code> visibility and <code>OffsetY</code> positioning above the points.
</RadzenText>

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