New to Telerik UI for ASP.NET Core? Download free 30-day trial
Binding to grouped data
Loading Demo...
- EXAMPLE
- VIEW SOURCE
-
EDIT IN TELERIK REPL
-
Change Theme
default
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
- Main
- Main Dark
- Nordic
- Urban
- Vintage
- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
- Main
- Main Dark
- Opal
- Silver
grouped_data.cshtml
Grouped_DataController.cs
StockDataPoint.cs
ChartDataRepository.cs
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
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.