reactjs - 胜利图表背景网格

Question

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

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

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 },
        }}
      />

你会达到预期的结果。