,
                  bottom: 0,
                  left: 0,
                  right: 0,
                },
              },
              dataLabels: {
                formatter(val, opts) {
                  const name = opts.w.globals.labels[opts.seriesIndex]
                  return [name, val.toFixed(1) + '%']
                },
              },
              legend: {
                show: false,
              },
            },
          
          
        });

        

        return (
          <div>