Recharts ReferenceLine 数据点之间

Question

我有一个带有数字 x 轴的 Recharts LineChart。我想在任意 x 值上绘制 ReferenceLine，但如果 ReferenceLine 的 x 属性 不是我数据中的任何 x 值，则不会显示。

和

const data = [{ x: 1, y: 3 }, { x: 1.5, y: 4 }, { x: 2, y: 3 }];
...
<ReferenceLine x={1.7} stroke="green" label="actual" alwaysShow={true} />

没有显示任何内容，其中

const data = [{ x: 1, y: 3 }, { x: 1.5, y: 4 }, { x: 2, y: 3 }];
...
<ReferenceLine x={1.5} stroke="green" label="actual" alwaysShow={true} />

有效。

我在这里建立了沙箱： https://codesandbox.io/s/recharts-playground-xxwnl

有没有办法让 ReferenceLine 显示每个 x？

Answer 1

问题是我没有明确地将 XAxis 类型设置为数字。改变后

<XAxis dataKey="x" />

这个到

<XAxis type="number" dataKey="x" />

它的行为符合预期