New to Kendo UI for Vue? Start a free 30-day trial

Data Binding

The Chart populates its data through binding to local, remote, and grouped data.

Binding to Local Data Arrays

The Chart provides built-in data binding capabilities for displaying data from a local data storage through the data-source property of the Chart.

Example
View Source
Change Theme:

Binding to Remote Data Services

To initialize and populate the Chart with data by binding it to a remote data service:

  1. Specify a remote endpoint or web service (REST) which returns data in a JSON/JSONP format.
  2. Utilize the Kendo UI Data Source component between the Chart and the underlying data.

To make the connection to the remote endpoint and process the data properly, the DataSource requires the following information:

  • URLs of the web service.
  • Request type.
  • Response data type.
  • Structure (schema) of the response (if more complex than a plain array of objects).
Example
View Source
Change Theme:

Binding to Grouped Data

You can also bind the Chart to grouped data by using the Kendo UI Data Source as a mediator.

Example
View Source
Change Theme: