Javascript 胜利图表独立设置x轴和y轴标签的样式

我使用的是胜利图表，大致有以下代码

<VictoryChart domainPadding={30} {...commonProps}>
        <VictoryBar
          data={props.data}
          {...labelProps}
        />
  </VictoryChart>

我使用了tickLabels样式{angle:45}，但是这在内部应用于x轴和y轴，我只希望倾斜的文本用于x轴，但正如您所看到的，它也影响了y轴，我如何做到这一点

---

尝试在组件中指定两个轴，并仅对其中一个轴应用样式

<VictoryChart domainPadding={10}>
  <VictoryBar
    data={sampleData}
  />
  <VictoryAxis dependentAxis
    tickValues={[1, 2, 3, 4,5]}
  />
  <VictoryAxis
    tickValues={[1, 2, 3, 4,5]}
    style={{ tickLabels: {angle :45}}}
  />
</VictoryChart>

---

尝试在组件中指定两个轴，并仅对其中一个轴应用样式

<VictoryChart domainPadding={10}>
  <VictoryBar
    data={sampleData}
  />
  <VictoryAxis dependentAxis
    tickValues={[1, 2, 3, 4,5]}
  />
  <VictoryAxis
    tickValues={[1, 2, 3, 4,5]}
    style={{ tickLabels: {angle :45}}}
  />
</VictoryChart>

当我使用

角度：45

时，我的标签与图表上的刻度线偏移不正确，因此我想将它们推回以对齐，你知道我会怎么做吗？你的代码暗示它应该正常工作，但它不正常。当我使用

angle:45

时，我的标签与图表上的刻度线偏移不正确，因此我想将它们推回以对齐，你知道我会怎么做吗？您的代码暗示它应该可以正常工作，但事实并非如此。