How to remove apexchart barchart default label thats inside the bar?

[MuhammadAflah]

const options: ApexOptions = {
series: state,
chart: {
type: "bar",
height: "100%",
width: "100%",
stacked: true,
toolbar: {
show: true, // Hide the default toolbar
},
},

plotOptions: {
  bar: {
    horizontal: false, // Set horizontal to false to make the chart vertical
    dataLabels: {
      total: {
        enabled: true,
        offsetY: -3, // Adjust the position of data labels if needed
        style: {
          fontSize: "13px",
          fontWeight: 900,
        },
      },
    },
  },
},

xaxis: {
  categories: [
    "debit",
    "credit"
  ],
  labels: {
    formatter: function (val: any) {
      return val;
    },
    style: {
      colors: ["#ffffff"], // Set the text fill color of x-axis labels to white
    },
  },
},
yaxis: {
  title: {
    text: undefined,
  },
  labels: {
    style: {
      colors: ["#ffffff"], // Set the text fill color of y-axis labels to white
    },
  },
},
tooltip: {
  y: {
    formatter: function (val: any) {
      return val;
    },
  },
},
fill: {
  opacity: 1,
},
legend: {
  position: "bottom",
  horizontalAlign: "center",
  offsetX: 40,
},
colors: [
  "#FF6384",
  "#36A2EB",
],

};