🧐Display last axis label on Column plot when having many entries

[aniov]

🧐 When having many entries in column chart last axis X label is not rendered. Depending on number of items generated the last label is either displayed or partially or not at all.

My question is how to display first and last X axis label that will work with any amount of data.
Thank you.

version: "@ant-design/plots": "2.1.15"

💻 https://stackblitz.com/edit/react-q41buy?file=index.js

🚑

function generateData(numEntries) {
  const dataEntries = [];
  let currentDate = new Date(); // Start with today's date

  // Generate data entries with consecutive dates
  for (let i = 0; i < numEntries; i++) {
    const newValue = Math.random() * 100; // Random value between 0 and 100
    const dataEntry = {
      date: new Date(currentDate).toLocaleDateString(),
      value: newValue,
    };
    dataEntries.push(dataEntry);
    currentDate.setDate(currentDate.getDate() + 1); // Increment date by one day
  }

  return dataEntries;
}

const DemoColumn = () => {
  const config = {
    data: generateData(250),
    xField: 'date',
    yField: 'value',
    axis: {
      x: {
        labelAutoRotate: false,
        labelAutoHide: true,
        labelFilter: (d, index, data) =>
          index === 0 || index === data?.length - 1,
        tick: false,
      },
    },
  };
  return <Column {...config} />;
};