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

Messages.format.legend.position

configuration

Specifies the text for the position DropDownList of the legend panel

messages.format.legend.position

Object

<div id="chartwizard"></div>
<script>
$("#chartwizard").kendoChartWizard({
    messages: {
        format: {
            legend: {
                position: {
                    default: "Position",
                    top: "Top",
                    bottom: "Bottom",
                    left: "Left",
                    right: "Right"
                }
            }
        }
    }
});
</script>

messages.format.legend.position.bottom

String

Specifies the text of position dropdownlist item which represent the bottom position

<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: {
                legend: {
                    position: {
                        bottom: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.legend.position.default

String

Specifies the text of label for the position editor of the legend 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: {
                legend: {
                    position: {
                        default: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.legend.position.left

String

Specifies the text of position dropdownlist item which represent the left position

<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: {
                legend: {
                    position: {
                        left: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.legend.position.right

String

Specifies the text of position dropdownlist item which represent the right position

<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: {
                legend: {
                    position: {
                        right: "Custom"
                    }
                }
            }   
        }
    });
</script>

messages.format.legend.position.top

String

Specifies the text of position dropdownlist item which represent the top position

<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: {
                legend: {
                    position: {
                        top: "Custom"
                    }
                }
            }   
        }
    });
</script>