胜利图表背景网格

【问题标题】：Victory Charts background grid胜利图表背景网格
【发布时间】：2019-03-28 02:05:12
【问题描述】：

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

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

【问题讨论】：

标签： reactjs charts visualization victory-charts

【解决方案1】：

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

【讨论】：

【解决方案2】：

通过提供

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

到你的依赖轴，比如

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

你会得到想要的结果。

【讨论】：