在图表上隐藏轴上的数字

时间:2019-03-16 11:30:32

标签: reactjs recharts

我有一个图表,其中X轴显示数字,但是我只希望此数字显示在工具提示上,而不显示在轴上。我的意思是不应显示数字3、5、4。问题是,如果我隐藏轴,则文本 Labels 不会显示。

enter image description here

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

1 个答案:

答案 0 :(得分:3)

在您的情况下,将tick={false}用作<XAxis>组件的道具:

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

Docs

JSFiddle Example without X axis values(ticks)