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