胜利图表-x轴标签缩短，自定义范围并防止重叠

Question

使用胜利图，我创建了一个简单的BarChart。在X轴上，我的人数从50万到300万不等。由于图表非常狭窄，因此X轴上的数字重叠。我的代码如下：

   <VictoryChart>
      theme={VictoryTheme.material}
      <VictoryGroup
        height={chartHeight}
        offset={10}>
        <VictoryBar
          horizontal
          data={chart2}
          labels={d => d.y}
          labelComponent={<VictoryLabel dy={10} />}
        />
        <VictoryBar horizontal data={chart1} />
      </VictoryGroup>
    </VictoryChart>

1. 我想要这样的x轴标签：500,000-> 500K。
2. 此外，在x轴上，我只希望有4-5个标签，它们总是被均匀地撒上，例如0、1000K，2000K，3000K，4000K。如果我有x轴指向1000K的数据，则间隔将为0、250K，500K，750K，1000K。

Answer 1

只需将填充添加到组

https://formidable.com/open-source/victory/guides/layout

style={{
                data: { width: 3 },
                labels: { padding: -20 }
              }}

Answer 2

还有一个名为fixLabelOverlap的道具，您可以将其传递到轴中。

默认情况下将其设置为false。

https://formidable.com/open-source/victory/docs/victory-axis#fixlabeloverlap