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

State.area.margin

configuration

The margin of the chart area. A numeric value will set all margins.

state.area.margin

Number|Object

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        area: {
            margin: {
                top: 10,
                right: 15,
                bottom: 20,
                left: 25
            }
        }
    }
});
</script>

state.area.margin.bottom

Number

The bottom margin of the chart area.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        area: {
            margin: {
                bottom: 30
            }
        }
    }
});
</script>

state.area.margin.left

Number

The left margin of the chart area.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        area: {
            margin: {
                left: 40
            }
        }
    }
});
</script>

state.area.margin.right

Number

The right margin of the chart area.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        area: {
            margin: {
                right: 25
            }
        }
    }
});
</script>

state.area.margin.top

Number

The top margin of the chart area.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        area: {
            margin: {
                top: 15
            }
        }
    }
});
</script>