胜利图表背景网格

Question

是否可以使用胜利图表来显示这样的网格？

到目前为止，我只能在条形顶部获得一个带有垂直线和水平线的网格，如下所示：

Answer 1

可以通过删除笔划样式来删除水平条。我想保留的垂直条可以通过更改元素的顺序来“移动”到后面，如下所示：https ://formidable.com/open-source/victory/guides/layout/#svg-render-order

Answer 2

通过提供

style={{
      grid: { stroke: '#ddd444', strokeWidth: 1.5 },
    }}

到你的依赖轴就像

<VictoryAxis
        dependentAxis
        tickFormat={(tick) => `${tick}`}
        style={{
          grid: { stroke: '#F4F5F7', strokeWidth: 0.5 },
        }}
      />

你将会达到想要的结果。