胜利图表背景网格

Question

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

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

Answer 1

可以通过删除笔划样式来删除水平条。 通过更改元素的顺序，我想保留的竖线可以 'moved' 落后：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 },
        }}
      />

你会达到预期的效果。