nouislider步骤不适用于多个范围

时间:2019-06-12 14:49:54

标签: javascript reactjs slider nouislider

一切都可以在100到1000的范围内进行,但是在1000以后,该步骤将停止工作,请告诉我该怎么办?

n

<Nouislider
range={{
  'min': 100,
  '25%': 1000,
  '50%': 10000,
  '75%': 100000,
  'max': 1000000
}}
pips={{
  mode: 'values',
  values: [100, 1000, 10000, 100000, 1000000],
  density: 10
}}
start={[100, 1000000]}
tooltips
connect
step={100}
format={wNumb({
  decimals: 0
})}
/>

1 个答案:

答案 0 :(得分:1)

step选项仅适用于范围的第一部分。对于后续部分,您可以为每个单独的范围值传递一个数组。

例如:

range: {
    'min': [0],
    '10%': [500, 500],
    '50%': [4000, 1000],
    'max': [10000]
}

Here's the relevant part of the documentation.