问:Recharts 隐藏所有其他标签?

Q: Recharts hide every other label?

嗨,我想知道是否可以在重新图表中呈现所有其他 xAxis 标签?

我有一个正在使用的设计,它在 xAxis 标签的两侧都有垂直网格线。所以,我使用 <ReferenceLines> 代替 <CartesianGrid>,这似乎效果很好。但是,我还没有找到一种方法来只渲染一些 xAxis 标签。

我可以改变进入图表的日期,但随后我在 <Tooltip> 悬停中丢失了数据点 date 值。如果可能的话我想保留。


这就是我所拥有的:

这就是我的目标:

好的,所以我利用 <XAxis /> 上的 tickFormatter 属性找到了一个 "way"。尽管如此,最好的方法是 tickFormatter 到 return 索引,就像其他一些 recharts 组件提供 format 一样。但是,目前我只是从我的数据集中找到给定 xAxis 标签的索引,然后检查它是否是一个 even/odd 数字。

您要查找的是 interval 属性。这控制是否显示全部或部分 xAxis 标签。默认情况下,它设置为 preserveEnd,它会自动计算要显示的刻度数。

如果你想显示所有报价,你必须设置interval=0 文档 https://recharts.org/en-US/api/XAxis#interval