Y-axis not showing properly 0 value in Graph

[europa-promatics]

Hi

I have 4 series in graph and there could be value 0.

But when you see the graph, the yaxis shows seems negative value but when you hover it will show 0 value

this.chartOptions = {
  series: [
    {
      name: "In-Progress",
      data: progressOrders,
      // color: 'red',
    },
    {
      name: "Completed",
      data: completedOrders,
      // color: 'green',
    },
    {
      name: "Pending",
      data: pendingOrders,
      // color: 'blue',
    },
    {
      name: "Cancelled",
      data: cancelledOrders,
      // color: 'yellow',
    },
  ],
  chart: {
    type: "bar",
    height: "300px",
    toolbar: {
      export: {
        csv: {
          filename: undefined,
          headerCategory: "Date",
        },
        svg: {
          filename: undefined,
        },
        png: {
          filename: undefined,
        },
      },
    },
  },
  dataLabels: {
    enabled: false,
  },
  stroke: {
    width: 2, // Set stroke width to 0 for bar charts
  },
  plotOptions: {
    bar: {
      columnWidth: '50%',
      // distributed: true,
      dataLabels: {
        position: "top", // Position data labels on top of the bars
      },
    },
  },
  labels: dates,
  xaxis: {
    type: "datetime",
    labels: {
      format: "dd MMM", // Show day and month
      datetimeUTC: false,
      rotate: -45, // Rotate the labels to avoid overlap
      style: {
        colors: ["#000"], // Color of labels
        fontSize: "12px",
      },
    },
    tickAmount: 15, // Adjust the number of ticks on the x-axis
  },

  yaxis: {
    min: 0,
    forceNiceScale: true,
  },
};

Any idea how I can fix this so that it correctly shows a zero value in the tooltip and the Y-axis behaves as expected?

version - [email protected]