# Angular Chart Wizard Data Binding

The Chart Wizard component enables you to bind data of type [`ChartWizardDataRow`](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/api/chartwizarddatarow) array.

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

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/chart-wizard/data-binding/array/source.txt)

## Binding to Grid Selection

The Chart Wizard provides helper directive and methods that you can use to bind the component to the [Grid Selection](https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting). For more details, refer to the [Chart Integration](https://www.telerik.com/kendo-angular-ui/components/grid/integration-with-chart) article in the Grid documentation.

## Binding to Table-like Data

To bind the Chart Wizard component to table-like data, create a [`DataRow`](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/api/datarow) collection and use the [`getWizardDataFromDataRows`](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/api/getwizarddatafromdatarows) helper method to convert it to the format required by the Chart Wizard.

The following example demonstrates how to bind a [`DataRow`](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/api/datarow) collection to a Chart Wizard.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/chart-wizard/data-binding/data-row/source.txt)

## Suggested Links

* [Chart Wizard Export Options](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/export)
* [API Reference of the Chart Wizard](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/api)
* [Grid and Chart Integration](https://www.telerik.com/kendo-angular-ui/components/grid/integration-with-chart)