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

State.categoryAxis.title

configuration

The title configuration of the category axis.

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

state.categoryAxis.title

Object

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

state.categoryAxis.title.color

String

The text color of the title. Accepts a valid CSS color string, including hex and rgb.

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

state.categoryAxis.title.font

String

The font style of the title.

Default: "16px Arial,Helvetica,sans-serif"

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

state.categoryAxis.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: {
        categoryAxis: {
            title: {
                text: "Categories"
            }
        }
    }
});
</script>