title: Kendo bar chart- series labels at the top?
body: <p>How to change the kendo bar chart- series labels positioning?
  Consider the following fiddle: <a href="http://jsfiddle.net/ZPUr4/149/" rel="nofollow">http://jsfiddle.net/ZPUr4/149/</a></p>
  
  <p>In the chart, for the positive values, the bar values are at the top and for negative values, the bar values are at the bottom. </p>
  
  <p>How to position the series label values at the top of the bars for positive and negative values?</p>
  
  <p>How to have all the label values in the same horizontal line, even though the bar values vary?</p>
  
  <p>Let me know if my question is not clear.</p>
  
  <p>Below is the HTML code:</p>
  
  <pre><code>    &lt;div id="example" class="k-content"&gt;
      &lt;div id="chart"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS code:</p>
  
  <pre><code>function createChart() {
          $("#chart").kendoChart({
              title: {
                  text: "Site Visitors"
              },
              legend: {
                  position: "bottom"
              },
              seriesDefaults: {
                  type: "column",
                  labels: {
                      visible: true,
                      background: "transparent",
  
                  }
              },
              series: [{
                  name: "Total Visits",
                  data: series1,
                  gap: 1.0,
                  spacing: 0
              }, {
                  name: "Unique visitors",
                  data: series2,
                  gap: 1.0
              }],
              valueAxis: {
                  min: -200000,
                  max: 200000,
                  axisCrossingValue: 50000,  
                  line: {
                      visible: false
                  },
                  title: {
                      text: "Availability"
                  },
  
                  color: 'blue'
              },
              categoryAxis: {
                 color: "blue",
                  width: 25,
                  majorGridLines: {
                      visible: true,
                      position: "bottom"
                  },
                  line: {
                      width: 3,
                  }
              },
              tooltip: {
                  visible: true,
                  format: "{0}"
              }
          });
      }
  
  var series1=[56000, 63000, 74000, 91000, 117000, 158000];
  var series2= [-52000, 34000, 23000, -98000, 67000, 83000];
  
      $(document).ready(function () {
          createChart();
  
          $("#example").bind("kendo:skinChange", createChart);
  
          var chart = $("#chart").data("kendoChart"),
              firstSeries = chart.options.series;
      });
  </code></pre>
  
  <p>Thanks.</p>