title: Highcharts Pie Chart.How to set labels in two lines
body: <p>I'm creating a pie chart in highcharts.</p>
  
  <p>Does anybody know how to set data labels in two lines?</p>
  
  <p>I'm finding this problem when the data labels are too long. </p>
  
  <p><a href="http://jsfiddle.net/larrytron/fSjnD/" rel="noreferrer">http://jsfiddle.net/larrytron/fSjnD/</a></p>
  
  <pre><code>    $(function () {
      $('#container').highcharts({
          chart: {
              plotBackgroundColor: null,
              plotBorderWidth: null,
              plotShadow: false
          },
          title: {
              text: 'Browser market shares at a specific website, 2010'
          },
          tooltip: {
              pointFormat: '{series.name}: &lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: true,
                      color: '#000000',
                      maxStaggerLines:1,                    
                      connectorColor: '#000000',
                      format: '&lt;b&gt;{point.name}&lt;/b&gt;: {point.percentage:.1f} %'                   
  
                  },
              }
          },
  
          series: [{
              type: 'pie',
              name: 'Browser share',
              data: [
                  ['Firefox jandler glander gramenauer gramen',   45.0],
                  ['IE',       26.8],
                  {
                      name: 'Chrome',
                      y: 12.8,
                      sliced: true,
                      selected: true
                  },
                  ['Safari',    8.5],
                  ['Opera',     6.2],
                  ['Others',   0.7]
              ]
          }]
      });
  });
  </code></pre>