Question

我已经在“图表”中创建了一个图表。我有一系列日期，每个日期都有一个关联的值，范围为0-10（仅限整数）。

我将其绘制在这样的LineChart中：

<LineChart data={mydata}>
  <XAxis dataKey="date" interval={"preserveStartEnd"}  height={60} tick={<CustomizedXAxisTick />} />
  <YAxis domain={[0,10]} interval={"preserveStartEnd"} />
  <Line type="monotone" dataKey="mykey" strokeWidth={2}/>
</LineChart>

x轴看起来不错，但是在y轴上显示的刻度线是0、3、6和10。我宁愿显示0、2、4、6、8、10，但我可以t找出如何更改它。我尝试更改“间隔”的值，但无法弄清楚其中的数字是什么。

Answer 1

要在Y轴上强制使用特定的刻度值，您需要两个道具：

tickCount代表要在您的Axis上显示的刻度数（默认设置为5）
tick专门为Y轴提供您要查看的刻度。

因此，您的Y轴应如下所示：

<YAxis domain={[0,10]} tickCount={6} tick={[0, 2, 4, 6, 8, 10]} />

interval道具使您有机会“跳过”滴答声，因此，如果设置为0，则应显示所有间隔。在1上，一半会显示，等等。

图表-如何自行设定Y轴标签？

1 个答案: