Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Bubble Charts / Binding to grouped data

      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

      HTML5/JavaScript source

      Also available for:

      API Reference
      • grouped-data.html
      • Widget configuration

      Support & learning resources

      Bubble Charts for other technologies