javascript - 如何在胜利原生中将网格视图与刻度标签对齐

Question

我希望网格与下图中的 x 轴对齐。我将条形对齐设置为"end"，但网格视图未对齐，因此，有一个条形位于图形“外部”。我怎样才能解决这个问题？

<VictoryChart theme={VictoryTheme.material}>
          <VictoryAxis
            tickLabelComponent={<VictoryLabel textAnchor={"start"} />}
          />
          <VictoryAxis
            style={{ grid: { paddingLeft: 0 } }}
            dependentAxis
            orientation="right"
          />
          <VictoryBar
            style={{ data: { fill: "#c43a31" } }}
            alignment="end"
            data={sampleData}
          />
        </VictoryChart>