New to Kendo UI for jQuery? Download free 30-day trial
jQuery Bubble Charts Binding to Grouped Data
Loading Demo...
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
grouped-data.html
Also available for:
API REFERENCEDescription
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:
- Bind the chart to a Kendo UI DataSource instance.
- 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
- Bind the xField, yField and sizeField values of the series to the year, standing and number fields