Chart Integration

Use the Chart Wizard to quickly create charts from the Grid data.

Plot Selected Data

To allow users to create charts from the Grid selection, use one of the following methods:

Data-Binding

Use the Chart Wizard's data prop to bind the component to the Grid selection.

The following example demonstrates how to bind the Chart Wizard to the selection of the Grid:

Using Selected Keys

To bind the Chart Wizard to the selectedKeys collection, use the getWizardDataFromGridSelection method.

The following example demonstrates using the helper method:

Plot Any Data

To allow users to create charts without selecting cells, create a selectedKeys collection on the fly and use the getWizardDataFromGridSelection helper method as shown above.

The following example demonstrates how to plot all data:

Use Context Menu

The following example demonstrates how to launch the Chart Wizard from a Context Menu.