New to Kendo UI for jQuery? Download free 30-day trial
Binding to grouped data
- Launch Theme Builder
- Blue Opal
- Bootstrap v3
- High Contrast
- Material Black
- Metro Black
- Office 365
Also available for:API REFERENCE
The Kendo UI chart can be bound to a grouped data by using Kendo UI DataSource as a mediator. To do so follow the steps below:
- Bind the chart to a Kendo UI DataSource instance.
- 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 (symbol in this example)
- Bind the series.field setting to the “close” field in the underlying data source
- Bind the categoryAxis.field attribute to the "date" field in the source
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 chart series in the chart.