我如何在 Victory 中显示图形刻度？

Question

在 Victory 中显示 values 很简单，但是如何显示实际的线段？我必须从头开始创建 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},
  }}
  ...
/>

你可以现场玩here。