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

State.valueAxis.title

configuration

The title configuration of the value axis.

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

state.valueAxis.title

Object

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

state.valueAxis.title.color

String

The color of the title.

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

state.valueAxis.title.font

String

The font of the title.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        valueAxis: {
            title: {
                font: "16px 'Segoe UI'"
            }
        }
    }
});
</script>

state.valueAxis.title.text

String

The text of the title.

The text can be split into multiple lines by using line feed characters ("\n").

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