重新绘制数据点之间的参考线

Question

LineChart我有一个带有数字 x 轴的图表。我想ReferenceLine在任意 x 值上绘制 a，但如果 的 x 属性ReferenceLine不是我的数据中的任何 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" />

它的行为符合预期