示例

想直接看实现?可以参考以下示例

下方的 API 描述了如何使用 自定义步长 功能。

选项

步长

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}>

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

  • value: number - 要显示的刻度编号
  • key: number - 刻度的键
  • percentage: number - 刻度在范围内应该放置的百分比值
我们的合作伙伴
Code Rabbit
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。