New to Kendo UI for jQuery? Download free 30-day trial

jQuery Bubble Charts Binding to Grouped Data

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
grouped-data.html

Also available for:

API REFERENCE

Description

The Kendo UI chart widget can be bound to grouped data using Kendo UI DataSource as a mediator. To do so follow the steps below:

  1. Bind the chart to a Kendo UI DataSource instance.
  2. Set the DataSource.group.field property to the name of the column (e.g., the “country” field) in the underlying data which will be the criteria for grouping the chart series items into series
  3. Bind the xField, yField and sizeField values of the series to the year, standing and number fields

Support & Learning Resources

Additional Resources