All Components


    Bubble Charts / Binding to grouped data


    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 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