title: add text under the bar with plotOptions highchart (BAR)
body: <p>hi i try to add extra text on <code>plotOptions datalabels</code> for each bar.
  i get the value i want, but i cant position it to under the bars.</p>
  
  <p>my code </p>
  
  <pre><code>    plotOptions: {
             series: {
                 dataLabels: {
  
                   useHTML: true,
                    formatter:function() {
                       var pcnt = (this.y / dataSum) * 100;
                          return '&lt;span  class="" style="color:' + this.point.color + '"&gt;' + Highcharts.numberFormat(pcnt) + '%' + '&lt;/span&gt; &lt;span  class=""&gt;' + this.point.name + ' this i want put under the bar' + '&lt;/span&gt;';
                   }}
             }
      }
  </code></pre>
  
  <p>i try to not using <code>datalabels</code> from <code>xasix</code> cause i want to show it too.
  how to make the extra text to located under of each bar?</p>
  
  <p>if anybody have another suggestion beside using <code>plotoptions</code> im okay with that. thank you.</p>
  
  <p>heres the <a href="https://codepen.io/anon/pen/odRrJr" rel="nofollow noreferrer">link</a></p>