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

Messages.chart.bar

configuration

Specifies the text of the bar chart panel.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        chart: {
            bar: {
                expandText: "Bar Chart Options",
                description: "Create horizontal bar charts"
            }
        }
    }
});
</script>

Specifies the text for the bar chart type item.

<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: {
            chart: {
                bar: {
                    bar: "Custom"
                }
            }   
        }
    });
</script>

Specifies the title of the panel for bar chart.

<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: {
            chart: {
                bar: {
                    expandText: "Open"
                }
            }   
        }
    });
</script>

Specifies the text for the 100% stacked bar chart type item.

<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: {
            chart: {
                bar: {
                    hundredStackedBar: "Custom"
                }
            }   
        }
    });
</script>

Specifies the text for the stacked bar chart type item.

<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: {
            chart: {
                bar: {
                    stackedBar: "Custom"
                }
            }   
        }
    });
</script>