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