Highcharts不是diplaying百分比

Question

我想只在馅饼的相应位中显示百分比。图表在百分比和饼图之间显示一条线。

Answer 1

看看这个Fiddle

您需要在'format'

中添加{point.percentage：.1f}

format: '{point.name}:{point.percentage:.1f} %'

<强>更新 要删除行，请在dataLabels中使用它

connectorColor: 'transparent'

dataLabels: {
                enabled: true,
                connectorColor: 'transparent',
                format: '{point.name}:{point.percentage:.1f} %'
            }

我更新了小提琴

Answer 2

要删除连接线，请将connectorWidth设置为0。要显示百分比，您需要修改数据标签formatter。您还可以减少数据标签和饼图之间的distance。看看下面发布的示例。

API参考：
http://api.highcharts.com/highcharts/plotOptions.pie.dataLabels.connectorWidth
http://api.highcharts.com/highcharts/plotOptions.pie.dataLabels.distance
http://api.highcharts.com/highcharts/Highcharts.numberFormat

例：
http://jsfiddle.net/61hbm23h/