title: Line break in category label of kendo-ui chart
body: <p>I have a chart where the labels contain two parts, a name an a number.
  I want the number to appear below the name, illustrated by the <code>&lt;br/&gt;</code> tag:</p>
  
  <p><img src="https://i.stack.imgur.com/jA8p4.png" alt="line break"></p>
  
  <p>I load the contents of the chart, and set the label in my controller:
  <img src="https://i.stack.imgur.com/RrT1t.png" alt="label"></p>
  
  <p>When i try to use a template on the label, the text after the line break appears at the bottom of the chart along with the rest of the text of the chart:</p>
  
  <p><img src="https://i.stack.imgur.com/ONidt.png" alt="enter image description here"></p>
  
  <p>javascript code:</p>
  
  <pre><code>$("#chart1").kendoChart({
          theme: "BlueOpal",
          title: { text: "My reported hours" },
          legend: { position: "bottom" },
          seriesDefaults: { type: "column" },
          dataSource: {
              transport: {
                  read: {
                      url: dataUrl,
                      dataType: "json"
                  }
              }
          },
          series: [{ field: "SeriesField" }],
          categoryAxis: {
              field: "CategoryAxis",
              labels: {
                  rotation: 0,
                  template: "#=value#&lt;br/&gt;newline"
              },
  
          },
          valueAxis: {
              labels: { format: "{0}h" },
              min: 0
          },
          tooltip: {
              visible: true,
              template: "#= formatDecimal(value) #&lt;br/&gt; newline"
          },
          seriesClick: onSeriesClick
      });
  </code></pre>
  
  <p>How do i make the line break work?</p>