HighCharts饼图图例价值对齐

Question

我只想让我的传奇有名称价值左对齐和百分比值右对齐，我已经连续两天工作在这个东西，并在论坛上打开几个不同的问题关于它和已经得到0答案，所以任何知识的人我会爱你的帮助！非常感谢你 http://jsfiddle.net/hAnCr/2/

$("document").ready(
function(){ 
$('#container').highcharts({ 
     chart:{ 
      type:'pie', 
      height: 300, 
      width: 400 
       }, 
     credits:{enabled: false}, 
     colors:[ 
      '#5485BC', '#AA8C30', '#5C9384', '#981A37', '#FCB319',  '#86A033', '#614931', '#00526F', '#594266', '#cb6828', '#aaaaab', '#a89375' 
      ], 
     title:{text: null}, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       showInLegend: true, 
       dataLabels: { 
        enabled: false,       
        formatter: function() { 
         return this.percentage.toFixed(2) + '%'; 
        } 
       }         
      } 
     }, 
     legend: { 
      enabled: true, 
      layout: 'vertical', 
      align: 'right', 
      width: 200, 
      verticalAlign: 'middle', 
      useHTML: true, 
      labelFormatter: function() { 
       return '<div style="text-align: left; width:130px;">' + this.name + '</div><div style="width:40px; text-align:right;">' + this.y + '%</div>'; 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      dataLabels: { 

        }, 
      data: [ 
       ['Domestic Equity', 38.5], 
       ['International Equity', 26.85], 
       ['Other', 15.70], 
       ['Cash and Equivalents', 10.48], 
       ['Fixed Income', 8.48] 
      ] 
     }] 
    }); 
}); 

Answer 1

你应该设置浮动：左;为传说中的两个div。

http://jsfiddle.net/hAnCr/25/

labelFormatter: function() { 
       return '<div style="text-align: left; width:130px;float:left;">' + this.name + '</div><div style="width:40px; float:left;text-align:right;">' + this.y + '%</div>';