SASS Theme Builder
Bar Charts / Binding to grouped data
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.
- Widget configuration