显示百分比值而不是值

Question

我正在使用 apexcharts 生成一个“甜甜圈”。如果我将光标移动到一个元素上，它将显示该元素的值：

我的代码：

plotOptions: {
   pie: {
      donut: {
         labels: {
            show: true,
            value: {
               formatter: function (val) {
                  return val;
               }
            }
         }
      }
   }
}

但是如何显示元素的百分比值而不是“正常值”？

Answer 1

我认为唯一的办法就是自己计算百分比

formatter: function (val,chart) {
  if(val){
    let valPercent = val/chart.config.series.reduce((a, b) => a + b, 0)*100;
    return `${valPercent.toFixed(1)}%`; // or round with Math
  }
  return ''
}

实际上有一个包含百分比值的数组 chart.globals.seriesPercent 但没有提供 seriesIndex

显示百分比值而不是值

show percent values instead of value

javascript

html

apexcharts