柱状统计图的x轴部分名称显示不出来 #6373

提供一下复现 demo 和更加详细的描述。

版本："@ant-design/charts": "^2.1.1" 代码如下，点击“更改数据”文本就能发现问题 <img width="523" alt="image" src="https://github.com/user-attachments/assets/5751c709-95f1-4e5e-99e4-7803928da3d0">

import {Column} from "@ant-design/charts";
import {useState} from "react";


const data1 = [
    {xname:'2024-01', value: 10},
    {xname:'2024-02', value: 10},
    {xname:'2024-03', value: 10}
]

const data2 = [
    {xname:'2024-01', value: 10},
    {xname:'2024-03', value: 10}
]

const ChartDebug = () => {
    const [state, setState] = useState(true);

    const chartData = state ? data1 : data2;
    const config = {
        data:chartData,
        xField: 'xname',
        yField: 'value',
        colorField:'xname',
        style:{
            radiusTopLeft: 8,
            radiusTopRight: 8,
            maxWidth: 30
        },
    };
    return (
        <div style={{height: 300}}>
            <div onClick={()=>{
                setState(!state);
            }}>更改数据</div>
            <Column {...config} />
        </div>
    )
}

export default ChartDebug;