jquery - leyenda - no title highcharts

HighCharts Pie Chart Legend Leyenda de alineación

Question

Solo quiero que mi leyenda tenga el valor del nombre alineado a la izquierda y el valor porcentual alineado a la derecha. He trabajado en esto durante dos días seguidos y abrí un par de preguntas diferentes en los foros al respecto y obtuve 0 respuestas para que cualquier persona con algún conocimiento Me encantaría tu ayuda! muchas gracias 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

Debes establecer flotación: izquierda; para ambos divs dentro de la leyenda.

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>'';