@page "/FlexChart/Radar"
@using C1.Chart;
@using C1.Blazor.Chart;
@using C1.Blazor.Input;
  
<FlexRadar Class="chart" RadarChartType="RadarChartType.Line" Palette="Palette.Standard"
           LegendStyle="font-size:20px" BindingX="Country" ItemsSource="Data">
    <SeriesCollection>
        <Series Name="Revenue" Binding="Sales" />
        <Series Name="Expenses" Binding="Expenses" />
    </SeriesCollection>
</FlexRadar>
  
@code {  
    List<DataSource.CountryData> Data { get; set; }
  
    protected override void OnInitialized()
    {
        Data = DataSource.GetData();
    }
  
    public class DataSource
    {
        private static Random rnd = new Random();
  
        public class CountryData
        {
            public string Country { get; set; }
            public double Sales { get; set; }
            public double Expenses { get; set; }
        }
  
        public static List<CountryData> GetData(int rangeMin = 10, int rangeMax = 100)
        {
            var countries = "US,Canada,Mexico,Germany,UK,France".Split(',');
            var data = new List<CountryData>();
            for (int i = 0; i < countries.Length; i++)
            {
                var country = new CountryData
                {
                    Country = countries[i],
                    Sales = rnd.Next(rangeMin, rangeMax),
                    Expenses = rnd.Next(rangeMin, rangeMax)
                };
                data.Add(country);
            }
            return data;
        }
    }
}