2013-08-20 30 views
10

Tôi đang tạo một biểu đồ hình tròn trong highcharts.Highcharts Pie Chart.Làm thế nào để thiết lập nhãn trong hai dòng

Có ai biết cách đặt nhãn dữ liệu thành hai dòng không?

Tôi đang tìm sự cố này khi nhãn dữ liệu quá dài.

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] 
      ] 
     }] 
    }); 
}); 

Trả lời

5

Bạn chỉ có thể chèn
trong các nhãn dữ liệu:

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

Lưu ý, đối với một số lý do, dòng thứ hai mất định dạng đậm, trừ khi bạn addit lại bằng thẻ.

http://jsfiddle.net/ZMLSW/

+1

có, bạn nói đúng. Nhưng tôi cần phải làm điều đó một cách tự nhiên, và tôi không biết nhãn bao lâu, do đó tôi hy vọng có một số tài sản có thể tự động làm điều này. – larrytron

Các vấn đề liên quan