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

State.subtitle

configuration

The chart subtitle configuration options or text.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        subtitle: {
            text: "Q1-Q4 2023",
            color: "#666",
            font: "14px Arial"
        }
    }
});
</script>

The color of the chart subtitle.

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

The font of the chart subtitle.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        subtitle: {
            font: "12px Arial, sans-serif"
        }
    }
});
</script>

The text of the chart subtitle.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        subtitle: {
            text: "Quarterly Performance Report"
        }
    }
});
</script>