react-native - 如何在 Victory 中显示图形刻度？

Question

在 Victory 中显示刻度值很简单，但是如何显示实际的线段？我必须从头开始创建一个 TickComponent 吗？这似乎是一个主线场景，所以我觉得我错过了一些东西。

当前代码示例：

      <VictoryAxis
        tickCount={4}
        tickFormat={e => DateFns.format(e, tickDateFormat)}
        domain={[
          DateFns.subDays(firstDate, paddingX),
          DateFns.addDays(lastDate, paddingX),
        ]}
      />

Answer 1

尝试为刻度添加样式：

<VictoryAxis
  ...
  style={{
    ticks: {stroke: "grey", size: 5},
  }}
  ...
/>

你可以在这里玩它。