@page "/styling-chart"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Radzen Blazor Chart Styling
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Customize chart appearance with colors, fonts, and visual properties.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a dropdown selects from 8 built-in <code>ColorScheme</code> options applied to column and pie charts with 8 years of data (2017-2024), plus a custom-styled area chart using pink colors, circle markers, dashed grid lines, and custom tooltip styling.
</RadzenText>

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