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

Question

我正在使用胜利图表，我大致有以下代码

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

我使用了tickLabels样式{angle: 45}，但是这在内部应用于x轴和y轴，我希望倾斜的文本仅适用于x轴，但正如你所看到的，它也影响了y轴，如何我可以这样做吗？

Answer 1

尝试在组件中指定两个轴并仅将样式应用于其中之一

<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>