Javascript Vue Apexcharts饼图总计未显示

我试图在饼图的中心显示一些元素的总数，但到目前为止，我还无法在设置中找到此选项。我如何做到这一点：

我当前的代码：

checksChart:{
选项：{
颜色：[“E60B13”、“1F1E”、“6D6D”、“CECECE”、“rgba（255,87,93,77）”，
图例：{
fontSize:'14px'，
fontFamily:“Helvetica，Arial”，
体重：400，
项目保证金：{
垂直：10
},
格式化程序：函数（seriesName，opts）{
返回''+''+序列名称'+'+''+opts.w.globals.series[opts.seriesIndex]+''+''
}
},
数据标签：{
启用：false，
},
标签：[“数据”、“数据”、“数据”、“数据”、“数据”]，
},
系列：[400400400400400]
}，

基于，您需要使用

绘图选项来显示圆环图中的数据总量

所以你需要像

chartOptions: function() {
return {
    colors: ['#E60B13', '#1F1E1E', '#6D6D6D', '#CECECE', 'rgba(255,87,93,.77)'],
    legend: {
      fontSize: '14px',
      fontFamily: 'Helvetica, Arial',
      fontWeight: 400,
      itemMargin: {
        vertical: 10
      },
      formatter: function(seriesName, opts) {
        return '<div class="legend-info">' + '<span>' + seriesName + '</span>' + '<span>' + opts.w.globals.series[opts.seriesIndex] + '</span>' + '</div>'
      }
    },
    dataLabels: {
      enabled: false,
    },
    labels: ['data', 'data', 'data', 'data', 'data'],

     plotOptions: {
          pie: {
            donut: {
              labels: {
                show: true,
                name: {
                  show: true,
                  fontSize: '22px',
                  fontFamily: 'Rubik',
                  color: '#dfsda',
                  offsetY: -10
                },
                value: {
                  show: true,
                  fontSize: '16px',
                  fontFamily: 'Helvetica, Arial, sans-serif',
                  color: undefined,
                  offsetY: 16,
                  formatter: function (val) {
                    return val
                  }
                },
                total: {
                  show: true,
                  label: 'Total',
                  color: '#373d3f',
                  formatter: function (w) {
                    return w.globals.seriesTotals.reduce((a, b) => {
                      return a + b
                    }, 0)
                  }
                }
              }
            }
          }
        },
          series: [400, 400, 400, 400, 400]
      }
    },


   total: {
     show: true,
     label: 'Total',
     color: '#373d3f',
     formatter: function (w) {
       return w.globals.seriesTotals.reduce((a, b) => {
           return a + b
       }, 0)
      }
    }