FormatXLabel function is writing over the default x-axis values

[vaibhavvTripathi]

<CartesianChart
          data={weeklySalesArray}
          xKey="weeksAgo"
          yKeys={['revenue']}
          axisOptions={{
            font,
            formatXLabel: value => {
              return `${value} weeks ago`;
            },
            formatYLabel: value => {
              return `₹${value}`;
            },
            tickCount: 5,
          }}>
          {({points, chartBounds}) => (
            <Bar
              points={points.revenue}
              chartBounds={chartBounds}
              color="red"
              roundedCorners={{topLeft: 10, topRight: 10}}
              animate={{type: 'timing', duration: 2000}}>
              <LinearGradient
                start={vec(0, 0)}
                end={vec(0, 400)}
                colors={['green', '#90ee9050']}
              />
            </Bar>
          )}
        </CartesianChart>```
am i doing anything wrong in the configuration

[carbonrobot]

Your code is correct, the text is overlapping because of the length. What is your expected output or design you are trying to achieve?