Highcharts label显示百分比

highcharts yekong

根据你的需求,如果你希望在 Highcharts 的饼图标签中显示百分比,你需要在 dataLabels 对象中设置 format 属性。format 属性定义了如何格式化要显示的标签文本。在这个属性中,我们可以使用 {point.percentage:.1f}% 来显示每一部分的百分比,.1f 表示小数点后保留一位。

你可以按照下面的方式修改你的代码:

plotOptions: {
  pie: {
    allowPointSelect: true,
    cursor: 'pointer',
    depth: 10,
    size: '60%',
    innerSize: '0%',
    center: ['50%', '50%'],
    dataLabels: {
      enabled: true,
      format: '{point.percentage:.1f}%',  // 添加这行
      connectorWidth: 1,
      position: 'center',
      distance: 0,
      connectorShape: 'straight',
      borderWidth: 0,
    },
  }
}

在上述代码中,format: '{point.percentage:.1f}%' 这行代码会使得每个饼图切片的标签显示为其对应的百分比。

喜欢