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

DefaultState

configuration

Specifies the default seriesType and stack of the ChartWizard component. If a state is not defined, the ChartWizard will use the values of the defaultState to create an initial state.

defaultState

Object

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    defaultState: {
        seriesType: "column",
        stack: {
            type: "normal"
        }
    }
});
</script>

defaultState.seriesType

String

Specifies series type of the chart.

The supported series types are:

column
bar
line
pie
scatter

<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 }
            ],
        ],
        defaultState: {
            seriesType: 'pie'
        }
    });
</script>

defaultState.stack

Boolean|Object

The stack configuration of the series.

Default: false

<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 }
            ],
        ],
        defaultState: {
            stack: false
        }
    });
</script>

DefaultState

defaultState

defaultState.seriesType

defaultState.stack

Related Members