Apexcharts饼图如何显示绝对数值而非相对百分比？

要把饼图扇区默认显示的百分比替换为原始绝对数值，你可以通过plotOptions.pie.dataLabels.formatter函数直接从全局配置中获取原始系列数据，具体实现分两种场景：

场景1：series为纯数值数组 #

如果你的series是类似series: [6752, 8, 3]的纯数值结构，在formatter里通过opts.dataPointIndex获取当前扇区的索引，再从opts.w.globals.series中取出对应绝对数值：

plotOptions: {
  pie: {
    dataLabels: {
      formatter: function(val, opts) {
        return opts.w.globals.series[opts.dataPointIndex];
      }
    }
  }
}

场景2：series为对象数组 #

如果你的series是带名称的对象结构（比如series: [{name: '正常', value: 6752}, {name: '异常', value: 8}]），则需要提取对象中的value字段：

plotOptions: {
  pie: {
    dataLabels: {
      formatter: function(val, opts) {
        return opts.w.globals.series[opts.dataPointIndex].value;
      }
    }
  }
}

关于你遇到的参数问题说明 #

你之前碰到dataPointIndex未定义、seriesIndex异常的情况，大概率是参数解构写法导致的——不要直接解构参数，而是通过完整的opts对象访问dataPointIndex和全局配置。另外，饼图默认是单系列图表，seriesIndex通常为0，若你拿到的是1，建议检查series是否被意外包裹在多层数组中。

内容的提问来源于stack exchange，提问作者sdo