title: How to set datalabels as vertical in Highcharts
body: <p>I want to create a graph "stacked column" using Highcharts plugin with the data in a XML file. (See <a href="http://mam43.free.fr/" rel="nofollow">here</a>)
  My XML file is:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;chart&gt;
  &lt;categories&gt;
  &lt;item&gt;2000&lt;/item&gt;
  &lt;item&gt;2001&lt;/item&gt;
  &lt;item&gt;2002&lt;/item&gt;
  ....    &lt;/categories&gt;
  &lt;series&gt;
  &lt;name&gt;Impots locaux&lt;/name&gt;
  &lt;data&gt;
  &lt;point&gt;231&lt;/point&gt;
  &lt;point&gt;232&lt;/point&gt;
  ....    &lt;/data&gt;
  &lt;/series&gt;
  &lt;series&gt;
  &lt;name&gt;Autres impots et taxes&lt;/name&gt;
  &lt;data&gt;
  &lt;point&gt;24&lt;/point&gt;
  &lt;point&gt;27&lt;/point&gt;
  &lt;point&gt;37&lt;/point&gt;
  .....&lt;/data&gt;
  &lt;/series&gt;
  &lt;series&gt;
  &lt;name&gt;Dotation globale de fonctionnement&lt;/name&gt;
  &lt;data&gt;
  &lt;point&gt;247&lt;/point&gt;
  &lt;point&gt;254&lt;/point&gt;
  ....&lt;/data&gt;
  &lt;/series&gt;
  &lt;/chart&gt;
  </code></pre>
  
  <p>The HTML coding is:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;Mazet&lt;/title&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../js/highcharts.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../js/themes/gray.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
  
          var options = {
              chart: {
                  renderTo: 'container',
                  type: 'column'
              },
              title: {
                  text: 'Produits de fonctionnement du Mazet-Saint-Voy'
              },
                subtitle: {
              text: 'Source : &lt;a href="http://alize22.finances.gouv.fr/communes/eneuro/RDep.php?type=BPS&amp;dep=043" target="_blank"&gt;Ministère de l\'économie et des finances&lt;/a&gt;'
          },
          tooltip: {
              formatter: function () {
                  return '' + this.y +  ' €/hab. en ' +  this.x;
              }
          },
  
          plotOptions: {
              column: {
                 /* pointPadding: 0.2,
                  borderWidth: 0,*/
                     stacking: 'normal',
                  dataLabels: {
                      enabled: true,
                      color: (Highcharts.theme &amp;&amp; Highcharts.theme.dataLabelsColor) || 'white'
                  }
              }
          },
              xAxis: {
                  categories: [],
                     labels: {
                  rotation: -45,
                  align: 'right',
                  style: {
                      fontSize: '13px',
                      fontFamily: 'Verdana, sans-serif'
                  }
              }
  
              },
              yAxis: {
                  title: {
                      text: 'En euros par habitant'
                  },
              stackLabels: {
                  enabled: true,
                  style: {
                      fontWeight: 'bold',
                      color: (Highcharts.theme &amp;&amp; Highcharts.theme.textColor) || 'gray'
                  }
              }
          },
              series: []
          };
  
          // Load the data from the XML file 
          $.get('../xml/43130.xml', function(xml) {
  
              // Split the lines
              var $xml = $(xml);
  
              // push categories
              $xml.find('categories item').each(function(i, category) {
                  options.xAxis.categories.push($(category).text());
              });
  
              // push series
              $xml.find('series').each(function(i, series) {
                  var seriesOptions = {
                      name: $(series).find('name').text(),
                      data: []
                  };
  
                  // push data points
                  $(series).find('data point').each(function(i, point) {
                      seriesOptions.data.push(
                          parseInt($(point).text())
                      );
                  });
  
                  // add it to the options
                  options.series.push(seriesOptions);
              });
              var chart = new Highcharts.Chart(options);
          });
  
  
      });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
          &lt;div id="container" style="width: 600px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Where and how code 'dataLabels' to data of my 3 series is vertical?</strong></p>
  
  <pre><code>dataLabels: {
                  enabled: true,
                  rotation: -90,
                  color: '#FFFFFF',
                  align: 'right',
                  x: 4,
                  y: 10,
                  style: {
                      fontSize: '13px',
                      fontFamily: 'Verdana, sans-serif'
                  }
              }
  </code></pre>
  
  <p>Merci.</p>