SASS Theme Builder
Bar Charts / Binding to grouped data
Telerik MVC charting extension can be integrated to a grouped data by Kendo UI DataSource. To do so you can follow the following steps:
- Bind the chart to a Kendo UI 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.