Question

highcharts饼状图在图内显示实际数据，圈外显示百分比

Answer 1

1、环形图可以让饼图展示多个系列的数据。在 Highcharts 中，只需要指定数据列的大小 （size）（参考API：<a href="https://api.hcharts.cn/highcharts#series.dataLabels.distance" rel="nofollow" class="iknow-ueditor-link" target="_blank" title="网页链接">网页链接）

  plotOptions: {
        pie: {
            dataLabels: {
                distance: 100
            }
        }
    },

2、百度回答问题的用户较少，建议直接在Highcharts官网论坛里提问；（网页链接）

3、显示实际数据

通过数据标签的格式化字符串或格式化函数来自定义，参考示例代码：网页链接

plotOptions: {  pie: {
    dataLabels: {
      enabled: true,
      // 通过 format 或 formatter 来格式化数据标签显示
      //format: '值: {point.y} 占比 {point.percentage} %',
      formatter: function() {
        //this 为当前的点（扇区）对象，可以通过  console.log(this) 来查看详细信息
        return '<span style="color: ' + this.point.color + '"> 值：' 
            + this.y + '，占比' + this.percentage + '%</span>';
      }
    }
  }
}