1

基本上我想做的是在我的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]
            ]
        }]
    });
});
4

0 回答 0