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

State.valueAxis

configuration

The value axis configuration options.

If set to true the category axis direction will be reversed. By default categories are listed from left to right and from bottom to top.

state.valueAxis

Array

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        valueAxis: {
            labels: {
                color: "#666",
                font: "12px Arial",
                format: "{0:C}"
            },
            title: {
                text: "Values",
                color: "#333"
            },
            reverse: false
        }
    }
});
</script>

state.valueAxis.labels

Object

The axis labels configuration.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        valueAxis: {
            labels: {
                color: "#333",
                font: "11px Arial",
                format: "{0:N0}",
                rotation: 0
            }
        }
    }
});
</script>

state.valueAxis.reverse

Boolean

If set to true the value axis direction will be reversed. By default categories are listed from left to right and from bottom to top.

Important

A reverse value axis is not supported for radar and polar charts.

Default: false

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        valueAxis: {
            reverse: true
        }
    }
});
</script>

state.valueAxis.title

Object

The title configuration of the value axis.

The valueAxis.title.text option must be set in order to display the title.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        valueAxis: {
            title: {
                text: "Sales Amount",
                color: "#333",
                font: "14px Arial"
            }
        }
    }
});
</script>

State.valueAxis

state.valueAxis

state.valueAxis.labels

state.valueAxis.reverse

state.valueAxis.title

Related Members