Highcharts Kreisdiagramm.Wie man Etiketten in zwei Zeilen einstellt

Question

Ich erstelle ein Kreisdiagramm in Highcharts.

Kann jemand Datenbeschriftungen in zwei Zeilen setzen?

Ich finde dieses Problem, wenn die Datenbeschriftungen zu lang sind.

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

Sie einfach Breite für dataLabels einstellen können, finden Sie unter: http://jsfiddle.net/Fusher/fSjnD/1/

style: { 
    width: '100px' 
} 

Answer 2

Sie können einfach
in den Datenbeschriftungen einfügen:

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

Hinweis, aus irgendeinem Grund verliert die zweite Zeile die Fettformatierung, wenn Sie sich mit der Tags ADDIT zurück.

http://jsfiddle.net/ZMLSW/