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

Angular Chart Wizard Data Binding

The Chart Wizard component enables you to bind data of type ChartWizardDataRow array.

The following example demonstrates how to bind the Chart Wizard to an array of data.

Change Theme

Theme

Loading ...

Binding to Grid Selection

The Chart Wizard provides helper directive and methods that you can use to bind the component to the Grid Selection. For more details, refer to the Chart Integration article in the Grid documentation.

Binding to Table-like Data

To bind the Chart Wizard component to table-like data, create a DataRow collection and use the getWizardDataFromDataRows helper method to convert it to the format required by the Chart Wizard.

The following example demonstrates how to bind a DataRow collection to a Chart Wizard.