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

GetWizardDataFromDataRows

methods

Prepares the data to be of an acceptable type for the ChartWizard.

getWizardDataFromDataRows

Parameters:dataRowsArray

Array of objects with dataItem and dataColumns fields.

<div id="chartwizard"></div>
<script>
const dataColumns = [
    {
        field: 'Product',
        title: 'Product Name'
    },
    {
        field: 'Quantity',
        title: 'Quantity'
    }
];

const dataRows = [
    {
        dataItem: {
            ID: 216321,
            Product: 'Calzone',
            Quantity: 1
        },
        dataColumns
    },
    {
        dataItem: {
            ID: 546897,
            Product: 'Margarita',
            Quantity: 2
        },
        dataColumns
    },
    {
        dataItem: {
            ID: 456231,
            Product: 'Pollo Formaggio',
            Quantity: 1
        },
        dataColumns
    }
];

const chartWizardData = window.kendo.ui.ChartWizard.getWizardDataFromDataRows(dataRows);

var chartwizard = $("#chartwizard").kendoChartWizard({
            dataSource: chartWizardData,
            window: {
                visible: true
            }
        }).data("kendoChartWizard");
</script>