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

Messages.format.categoryAxis.labels

configuration

Specifies the text for the labels area of the categoryAxis panel

messages.format.categoryAxis.labels

Object

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            categoryAxis: {
                labels: {
                    text: "Labels Text",
                    color: "Labels Color",
                    font: "Labels Font",
                    rotation: "Labels Rotation"
                }
            }
        }
    }
});
</script>

messages.format.categoryAxis.labels.color

String

Specifies the text for the label of color editor for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        color: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.font

String

Specifies the text for the label of font editor for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        font: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.fontPlaceholder

String

Specifies the text for the placeholder of font editor for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        fontPlaceholder: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.reverseOrder

String

Specifies the text for the checkbox label of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    reverseOrder: "Custom"
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.rotation

Object

Specifies the text for the rotation area for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            categoryAxis: {
                labels: {
                    rotation: {
                        text: "Rotation",
                        auto: "Auto"
                    }
                }
            }
        }
    }
});
</script>

messages.format.categoryAxis.labels.size

String

Specifies the text for the label of size editor for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        size: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.sizePlaceholder

String

Specifies the text for the placeholder of size editor for the labels of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        sizePlaceholder: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.categoryAxis.labels.text

String

Specifies the text for the labels legend of the categoryAxis panel

<div id="chartwizard"></div>
<script>
    $("#chartwizard").kendoChartWizard({
        dataSource: [
        [
            { field: 'Product Name', value: 'Calzone' },
            { field: 'Quantity', value: 1 },
            { field: 'Price', value: 12.39 },
            { field: 'Tax', value: 2.48 },
            { field: 'Total', value: 14.87 }
            ],
        ],
        messages: {
            format: {
                categoryAxis: {
                    labels: {
                        text: "Custom"
                    }
                }
            }   
        }
    });
</script>

Related Members