示例

想要跳过实现步骤?查看这些示例

下面的 API 描述了如何使用 custom-steps 功能。

选项

步长

ts
steps: Array<number>
steps: Array<number>

使用自定义步长的数组。这将覆盖 stepSize

刻度

ts
ticks: Array<number>
ticks: Array<number>

使用自定义刻度的数组。这将覆盖 tickSize

API

getTicks

tsx
getTicks: () => ReadonlyArray<{value: number; key: number; percentage: number}>
getTicks: () => ReadonlyArray<{value: number; key: number; percentage: number}>

要渲染的刻度。每个 tick 都有以下属性

  • value: number - 要显示的刻度值
  • key: number - 刻度的键
  • percentage: number - 刻度应放置在 ranger 上的百分比值
订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 100,000 位开发者。

Bytes

没有垃圾邮件。随时取消订阅。