Highcharts Круговая диаграмма многострочные метки перекрытия

Question

Я использую highcharts с динамически генерируемыми данными и названиями сюжетов. (Обычно между 4 и 8 точками данных, но будет 2 с небольшими номерами.)

Некоторые из них немного длинны, и круговая диаграмма крошечная, поэтому я устанавливаю ширину стиля опций сюжета, чтобы заставить их обернуть и охватывают несколько строк.

Однако на некоторых моих диаграммах наклейки перекрываются и понятия не имеют, как их исправить.

У кого-нибудь есть идеи?

http://jsfiddle.net/d600burton/TkPBq/

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     plotBackgroundColor: null, 
     plotBorderWidth: 1, 
     plotShadow: false 
    }, 
    subtitle: { 
     text: 'Drag the handle in the lower right to resize' 
    }, 
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      cursor: 'pointer', 
      minSize: 1, 
      dataLabels: { 
         style: { 
          width: '100px' 
         },      
       enabled: true, 
       color: '#000000', 
       format: '<b>{point.name}</b>: {percentage:.2f} %' 
      } 
     } 
    }, 
    series: [{ 
     type: 'pie', 
     name: 'Browser share', 
     data: [ 
      {name: "On Hire", y: 2884}, 
      {name: "Collection Note", y: 674}, 
      {name: "Off Hire Not Confirmed", y: 23}, 
      {name: "Goods In", y: 41} 
     ] 

    }] 
}); 

Answer 1

Разъемы и datalables генерируются idenpendently, так что в случае, когда вы устанавливаете небольшой с, разъемы не "переехал". Другими словами, я советую рассмотреть модификацию ширины.