Using ChartWizard State with the Chart Component

Updated on Nov 18, 2025

Environment

Product Version	13.0.0
Product	Progress® KendoReact ChartWizard

Description

I want to use the ChartWizard component to generate chart configurations and then display the resulting chart using the Chart component. How can I use the ChartWizard state to control the Chart?

This KB article also answers the following questions:

• How do I connect ChartWizard state to a Chart component?
• How can I use createState to initialize a chart configuration?
• How do I use the ChartWizard state object with Chart component props?

Solution

The ChartWizard component generates a ChartWizardState object that contains all the configuration needed to render a Chart. You can use this state object to control the Chart component by spreading its properties and mapping its arrays to the appropriate Chart child components.

Change Theme

Theme

Loading ...

See Also

• ChartWizard Overview
• ChartWizard API
• Chart Component Documentation
• createState API