change

Triggered when the ChartWizard changes its state.

Event Data

e.sender kendo.ui.ChartWizard

The widget instance.

e.state Object

The state object instance.

Example - subscribing to the change event during initialization

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
            dataSource: [
            [
                { field: 'Product Name', value: 'Calzone' },
                { field: 'Quantity', value: 1 },
                { field: 'Price', value: 12.39 },
                { field: 'Tax', value: 2.48 },
                { field: 'Total', value: 14.87 }
                ],
            ],
            window: {
                visible: true
            },
            change: function (e) {
                console.log(e);
            },
        });
</script>

Example - subscribing to the change event after initialization

<div id="chartwizard"></div>
<script>
    function chartwizard_change(e) {
        console.log(e);
    }
    $("#chartwizard").kendoChartWizard({
            dataSource: [
            [
                { field: 'Product Name', value: 'Calzone' },
                { field: 'Quantity', value: 1 },
                { field: 'Price', value: 12.39 },
                { field: 'Tax', value: 2.48 },
                { field: 'Total', value: 14.87 }
                ],
            ],
            window: {
                visible: true
            },
        });
    var chartwizard = $("#chartwizard").data("kendoChartWizard");
    chartwizard.bind("change", chartwizard_change);
</script>