Grafico a torta Highcharts. Come impostare le etichette su due righe

Question

Sto creando un grafico a torta in diagrammi elevati.

Qualcuno sa come impostare le etichette dati su due righe?

Sto riscontrando questo problema quando le etichette dei dati sono troppo lunghe.

http://jsfiddle.net/larrytron/fSjnD/

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: 'Browser market shares at a specific website, 2010' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: true, 
        color: '#000000', 
        maxStaggerLines:1,      
        connectorColor: '#000000', 
        format: '<b>{point.name}</b>: {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] 
      ] 
     }] 
    }); 
}); 

Answer 1

Si può semplicemente impostare la larghezza per datalabels, vedi: http://jsfiddle.net/Fusher/fSjnD/1/

style: { 
    width: '100px' 
} 

Answer 2

Si può semplicemente inserire
nelle etichette di dati:

data: [ 
     ['Firefox jandler glander <br><b>gramenauer gramen</b>', 45.0], 

nota, per qualche ragione, la seconda linea perde la formattazione in grassetto meno che non si AddIt indietro nel utilizzando i tag.

http://jsfiddle.net/ZMLSW/