setDataColumns

Sets the provided dataColumns to the ChartWizard component.

Example

Open In Dojo
<div id="chartwizard"></div>
<script>
var chartwizard = $("#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: false
            }
        }).data("kendoChartWizard");
setTimeout(() => {
    var dataSource = new kendo.data.DataSource({
                type: "odata",
                transport: {
                    read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                },
                schema: {
                    model: {
                        fields: {
                            OrderID: { type: "number" },
                            Freight: { type: "number" },
                            ShipName: { type: "string" },
                            OrderDate: { type: "date" },
                            ShipCity: { type: "string" }
                        }
                    }
                },
                pageSize: 20,
                serverPaging: true,
                serverFiltering: true,
                serverSorting: true
            });


    chartWizard.setDataColumns([
                {
                    field: "OrderID",
                },
                {
                    field: "Freight",
                },
                {
                    field: "ShipName",
                    title: "Ship Name"
                }, {
                    field: "ShipCity",
                    title: "Ship City"
                }
                ]); 
    chartwizard.setDataSource(dataSource);
}, 1000);
</script>

Parameters

dataColumns Array

The new dataColumns.

In this article