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

Messages

configuration

The configuration of the ChartWizard messages. Use this option to customize or localize the ChartWizard messages.

messages

Object

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        window: {
            title: "Custom Chart Wizard"
        },
        chart: {
            bar: {
                expandText: "Custom Bar Chart"
            }
        },
        data: {
            configuration: {
                expandText: "Custom"
            }
        }
    }
});
</script>

messages.chart

Object

Specifies the text of the chart tab content.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        chart: {
            bar: {
                expandText: "Bar Charts"
            },
            column: {
                expandText: "Column Charts"
            },
            line: {
                expandText: "Line Charts"
            }
        }
    }
});
</script>

messages.data

Object

Specifies the text of the data tab content.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        data: {
            configuration: {
                expandText: "Data Configuration Options"
            }
        }
    }
});
</script>

messages.export

String

Specifies the text of the export button.

<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: {
            export: "Download"     
        }
    });
</script>

messages.exportPDF

String

Specifies the text of the export to PDF 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: {
            exportPDF: "Download PDF"     
        }
    });
</script>

messages.exportPNG

String

Specifies the text of the export to PNG 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: {
            exportPNG: "Download PNG"    
        }
    });
</script>

messages.exportSVG

String

Specifies the text of the export to SVG 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: {
            exportSVG: "Download SVG"     
        }
    });
</script>

messages.format

Object

Specifies the text of the format tab content.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        format: {
            chartArea: {
                expandText: "Chart Area Settings"
            },
            title: {
                expandText: "Title Settings"
            }
        }
    }
});
</script>

messages.tab

Object

Specifies the text of the tabs.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        tab: {
            chart: "Chart Type",
            data: "Data Source",
            format: "Formatting"
        }
    }
});
</script>

messages.window

Object

Specifies the text configuration for the ChartWizard window messages.

<div id="chart-wizard"></div>
<script>
$("#chart-wizard").kendoChartWizard({
    messages: {
        window: {
            title: "Chart Creation Wizard"
        }
    }
});
</script>

Related Members