setDataColumns
Sets the provided dataColumns to the ChartWizard component.
Example
<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.