@page "/chart"

<SfChart Title="Product Sales">
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" />

    <ChartPrimaryYAxis LabelFormat="{value}M"></ChartPrimaryYAxis>

    <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

    <ChartSeriesCollection>
        <ChartSeries DataSource="@SalesReports" XName="X" YName="Y" Type="ChartSeriesType.Column">
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

@code {
        public class Data2
    {
        public string X { get; set; }
        public double Y { get; set; }
        public string Text { get; set; }
    }

    public List<Data2> SalesReports = new List<Data2>
	{
       new Data2{ X= "Jan", Y= 3, Text= "January" },
       new Data2{ X= "Feb", Y= 3.5, Text= "February" },
       new Data2{ X= "Mar", Y= 7, Text= "March" },
       new Data2{ X= "Apr", Y= 13.5, Text= "April" }
    };
}