高图表标签显示值而不是名称

Question

我有一个带有高图表的饼图

plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
distance: -30
},
showInLegend: true
}
},
series: [{
name: 'Types',
colorByPoint: true,
data: [ {
name: 'Debtors',
y: 10.38
}, {
name: 'Suppliers',
y: 4.77
},
]
}]

目前在饼图中标签中，数据的名称(即：债务人、供应商(是饼图中显示的名称

我希望显示值，但图例应保留名称。

Answer 1

您需要启用该格式。

plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
distance: -30,
format: '<b>{point.name}</b>: {point.y:,.2f}',
},
showInLegend: true
}  
},
series: [{
name: 'Types',
colorByPoint: true,
data: [ {
name: 'Debtors',
y: 10.38
}, {
name: 'Suppliers',
y: 4.77
},
]
}]

Jsfiddle 演示：http://jsfiddle.net/powrcnf1/

Answer 2

如果我理解正确，您需要一个自定义的工具提示，如下所示：

tooltip: {
formatter: function () { 
return this.key + ' (<strong>' + this.y + '</strong>)';
}
}

演示