title: Highcharts - Data label cut off
body: <p>I took a sample jsfiddle and modified it here just to show a sample of what I experienced:
  <a href="http://jsfiddle.net/pMwuv/" rel="nofollow">http://jsfiddle.net/pMwuv/</a></p>
  
  <p>Here is what my actual datalabel code looks like:</p>
  
  <pre><code>dataLabels: {
  enabled: true,
  align: 'left',
  verticalAlign: 'top',
  style: {
      color: 'black'
  },
  formatter: function () {
      if (this.x == 19) {
          return this.y + '&lt;br&gt;units left';
      };
  }
  }    
  </code></pre>
  
  <p>What I am having on my area chart is that the last data label is cut off. Is there a way to increase the width of the container or add some type of padding so that the full label shows?</p>
  
  <p>Just changing the x and y position of the label will not work for my area chart. I have my chart customized so that only the last point of the chart has a data label and i want it aligned to the right of the last point and not within the chart.</p>
  
  <p>But if we can get the above sample fiddle to work then the same solution should work for me.</p>