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

State.legend.labels

configuration

The chart legend label configuration.

state.legend.labels

Object

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        legend: {
            labels: {
                color: "#444",
                font: "11px Verdana"
            }
        }
    }
});
</script>

state.legend.labels.color

String

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

Default: "black"

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

state.legend.labels.font

String

The font style of the labels. Accepts a valid CSS color string, for example "20px 'Courier New'".

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

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    state: {
        legend: {
            labels: {
                font: "13px 'Tahoma'"
            }
        }
    }
});
</script>