title: Highchart long dataLabels and style width
body: <p>If we had long dataLabel in a pie chart and we set the style width to 100px (in order to don't have a mini pie) some dataLabel just disappear, e.g. see the value <strong>Others1</strong>. </p>
  
  <p>How to solve this?</p>
  
  <p><a href="http://jsfiddle.net/htwh3rdh/4/" rel="nofollow">http://jsfiddle.net/htwh3rdh/4/</a></p>
  
  <pre><code>$(function () {
      $('#container').highcharts({
          chart: {
              plotBackgroundColor: null,
              plotBorderWidth: null,
              plotShadow: false
          },
          title: {
              text: 'Browser market shares at a specific website, 2014'
          },
          tooltip: {
              pointFormat: '{series.name}: &lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: true,
                      format: '&lt;b style="width: 100px; display: block;"&gt;{point.name}&lt;/b&gt;: {point.percentage:.1f} %',
                      style: {
                          width: '100px',
                      },
                  }
              }
          },
          series: [{
              type: 'pie',
              name: 'Browser share',
              data: [
                  ['Firefox',   45.0],
                  ['IE',       40],
                  ['Safari veryveryveryvery long label',    8.5],
                  ['Opera veryveryveryvery long label',     6.2],
                  ['Others veryveryveryvery long label',   0.7],
                  ['Safari1 veryveryveryvery long label',    2.5],
                  ['Opera1 veryveryveryvery long label',     3.2],
                  ['Others1 veryveryveryvery long label',   0.6]
              ]
          }]
      });
  });
  </code></pre>