如何在“胜利”中显示图形滴答声？

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

您可以现场here玩。