在图表中是否可以设置抽动之间的间隔应有多大？

Question

我正在尝试自定义条形图中的xaxis抽头数量。我喜欢图表自动将大多数数据点压缩到50点之前的方式，但我真的希望抽动图更像0,50,100,150,200,250。

如果我在XAxis上投放type="number"和tics={[0,50,100,150,200,250]}，则可以使用tic，但由于所有数据点都被压缩在左下角，因此很难“读取”图表

<BarChart
      width={1000}
      height={300}
      data={data}
      margin={{
        top: 5,
        right: 30,
        left: 20,
        bottom: 5,
      }}>
      <CartesianGrid strokeDasharray="1 1" />
      <XAxis dataKey="name" domain={[0, 'dataMax']} />
      <YAxis type="number" tick={<CustomizedAxisTick />} allowDataOverflow />
      <Tooltip content={<CustomTooltip />} />
      <Bar dataKey="logValue" fill="#8884d8" />
    </BarChart>

Answer 1

这是一个古老的问题，但是您可以使用interval属性来保留开始和结束，或者设置像素数。

http://recharts.org/en-US/examples/LineChartAxisInterval