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

State.area

configuration

The chart area configuration options. Represents the entire visible area of the chart.

state.area

Object

Default: (required)

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

state.area.background

String

The background color of the chart area. Accepts a valid CSS color string, including hex and rgb.

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

state.area.margin

Number|Object

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

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

State.area

state.area

state.area.background

state.area.margin

Related Members