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

Show Category Axis Labels on Multiple Lines

Sometimes you might need to display long labels in a Kendo UI Chart. To make the content look more compact and better organized, it is possible to break the content of the labels into multiple lines.

The following example demonstrates how to insert newline symbols in the Category Axis labels to achieve this behavior.

    <div id="chart"></div>
      var data = [{
        value: 1,
        category: "Category Foo"
        value: 2,
        category: "Category Bar"
      }, {
        value: 3,
        category: "Category Baz"

        dataSource: {
          data: data
        series: [{
          type: "column",
          name: "Series Name",
          field: "value"
        categoryAxis: {
          field: "category",
          labels: {
            template: labelTemplate

      function labelTemplate(e) {
        return e.value.split(" ").join("\n");

See Also

In this article
Not finding the help you need? Improve this article