问: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
嗨,我想知道是否可以在重新图表中呈现所有其他 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