强制 rechart 从 x=0 开始

在使用 rechart 绘制图表时，默认情况下，x 轴的起始值会根据数据的最小值自动调整。如果想要固定 x 轴从 0 开始，可以通过设置 domain 属性实现。

设置 domain 属性

在 rechart 中，通过设置 domain 属性来控制坐标轴的取值范围。具体实现方法为设置 x 轴的 domain 为 [0, 'dataMax']。

代码如下：

<LineChart
  data={data}
  margin={{ top: 5, right: 20, bottom: 5, left: 0 }}
>
  <XAxis domain={[0, 'dataMax']} />
  <YAxis />
  <Tooltip />
  <Line dataKey="value" />
</LineChart>

其中，<XAxis domain={[0, 'dataMax']} /> 表示设置 x 轴从 0 开始，最大值为数据中的最大值。注：'dataMax' 为 rechart 中的内置变量，表示数据中的最大值。

结语

通过设置 domain 属性，我们可以很容易地实现 x 轴从 0 开始的效果。但是需要注意的是，当数据中存在负值时，对于这种情况的处理需要特别注意。建议在实际项目中根据具体情况进行选择。