title: How to move tooltip position in Highchart?
body: <p>I am using highcharts.js to build horizontal bar chart. Its working correctly but by default tooltip appears horizontally so I want tooltip position to be vertical instead of horizontal.</p>
  
  <p>Is it possible to achieve that? Any help appreciated!
  JSFiddle - <a href="http://jsfiddle.net/ayJYV/2/" rel="noreferrer">Example</a></p>
  
  <p>Sample Code:</p>
  
  <pre><code>$(function () {
      var chart;
  
      $(document).ready(function() {
  
          chart = new Highcharts.Chart({
  
              chart: {
  
                  renderTo: 'container',
  
                  type: 'bar'
  
              },
  
              title: {
  
                  text: 'Stacked bar chart'
  
              },
  
              xAxis: {
  
                  categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
  
              },
  
              yAxis: {
  
                  min: 0,
  
                  title: {
  
                      text: 'Total fruit consumption'
  
                  },
                  stackLabels: {
                  enabled: true,
                  style: {
                      fontWeight: 'bold',
                      color: (Highcharts.theme &amp;&amp; Highcharts.theme.textColor) || 'gray'
                  }
              }
  
              },
  
              legend: {
  
                 align: 'right',
              x: -100,
              verticalAlign: 'top',
              y: 20,
              floating: true,
              backgroundColor: (Highcharts.theme &amp;&amp; Highcharts.theme.legendBackgroundColorSolid) || 'white',
              borderColor: '#CCC',
              borderWidth: 1,
              shadow: false
  
              },
  
              tooltip: {
  
                formatter: function() {
                  return '&lt;b&gt;'+ this.x +'&lt;/b&gt;&lt;br/&gt;'+
                      this.series.name +': '+ this.y +'&lt;br/&gt;'+
                      'Total: '+ this.point.stackTotal;
              }
  
              },
  
              plotOptions: {
  
                  series: {
  
                      stacking: 'normal',
                      dataLabels: {
                      enabled: true,
                      color: (Highcharts.theme &amp;&amp; Highcharts.theme.dataLabelsColor) || 'white'
                  }
  
  
                  }
  
              },
  
                  series: [{
  
                  name: 'John',
  
                  data: [5, 3, 4, 7, 2]
  
              }, {
  
                  name: 'Jane',
  
                  data: [2, 2, 3, 2, 1]
  
              }, {
  
                  name: 'Joe',
  
                  data: [3, 4, 4, 2, 5]
  
              }]
  
          });
  
      });
  
  
  });
  </code></pre>
  
  <p><strong>Expected Output:</strong>
  <a href="https://i.stack.imgur.com/7yk4L.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/7yk4L.jpg" alt="enter image description here"></a></p>