SASS Themes
LESS Themes
Bar Charts / Binding to grouped data
Description
Telerik Core charting extension can be integrated to a grouped data by ASP.NET Core DataSource. To do so you can follow the following steps:
- Bind the chart to a ASP.NET Core DataSource control.
- Set the DataSource.group.field property to the name of the column in the underlying data which will be the criteria for grouping the chart series items into series: Group(group => group.Add(model => model.Symbol)
- Bind the Y values of the series to the “Close” field: series.Area(model => model.Close)
- Bind the Category Axis to the Date field: .Categories(model => model.Date)
This will result in as many series as the number of distinct values in the column (i.e., DataSource.group.field). For each value there will be a chart series in the chart.
ASP.NET Core source
Also available for:
- grouped_data.cshtml
- Grouped_DataController.cs
- StockDataPoint.cs
- ChartDataRepository.cs