Hide numbers on an axis on recharts

Question

I have a chart where the X axis shows numbers, but I only want this numbers show on the tooltip, not in the axis. What I mean is the numbers 3, 5, 4 shouldn't be displayed. The problem is that if I hide the axis then the text Labels doesn't show.

<XAxis dataKey="x">
    <Label value="Labels" position="bottom" />
</XAxis>

Answer 1

Use tick={false} as a prop to <XAxis> component, in your case:

<XAxis dataKey="x" tick={false}>
    <Label value="Labels" position="bottom" />
</XAxis>

Docs

JSFiddle Example without X axis values(ticks)