示例
想直接看实现？可以参考以下示例
下面的 API 描述了如何使用 对数插值器 功能。
选项
默认情况下，react-ranger 在数据点之间使用线性插值，但允许您通过传递实现以下接口的对象，轻松自定义为使用自己的插值函数。
插值器
tsx
interpolator: {
getPercentageForValue: (val: number, min: number, max: number): number;
getValueForClientX: (clientX: number, trackDims: object, min: number, max: number): number;
}
interpolator: {
getPercentageForValue: (val: number, min: number, max: number): number;
getValueForClientX: (clientX: number, trackDims: object, min: number, max: number): number;
}
要使用的插值器。默认为内置的线性比例尺插值器
- getPercentageForValue - 接受值和范围，并返回一个百分比 [0, 100]，表示该值在从左到右的位置。
- getValueForClientX - 接受 clientX（距离滑块左边缘的偏移量）以及尺寸和范围设置，并将像素坐标转换回值。
我们的合作伙伴
订阅 Bytes
您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。
订阅 Bytes
您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。