HighCharts饼图图例对齐

时间:2013-04-25 13:25:13

标签: javascript highcharts

基本上我想要做的是使用我的legened中的数据名称和值,但让它们间隔开,以便数据名称左对齐,数据值与此对齐;

Name1           Val1
Name2           Val2

等。目前默认为

Name1 Val1
Name2 Val2

只有我设置的空格,但如果名称1是10个字符而名称2是8个字符,则它们会像这样交错;

Name1isthis Val1
Name2lookslikethis Val2

任何帮助表示赞赏。这是代码和我的小提琴。 http://jsfiddle.net/hAnCr/1/

$("document").ready(
function(){
$('#container').highcharts({
        chart:{type:'pie'},
        credits:{enabled: false},
        colors:[
            '#5485BC', '#AA8C30', '#5C9384', '#981A37', '#FCB319',     '#86A033', '#614931', '#00526F', '#594266', '#cb6828', '#aaaaab', '#a89375'
            ],
        title:{text: null},
         tooltip: {
            pointFormat: '<b>{point.y}%</b>',
            percentageDecimals: 1
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,                 
                cursor: 'pointer',
                showInLegend: true,
                dataLabels: {
                    enabled: false                       
                }                                   
            }
        },
        legend: {
            enabled: true,
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            labelFormatter: function() {
                return this.name + ' ' + this.y + '%';
            }
        },
        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]
            ]
        }]
    });
});

0 个答案:

没有答案