nouislider 步骤不适用于多个范围答案

【问题标题】：nouislider step don't work with multiple rangenouislider 步骤不适用于多个范围
【发布时间】：2019-06-12 14:49:54
【问题描述】：

一切都在从 100 到 1000 的范围内工作，但是在 1000 之后步骤停止工作，告诉我可以做什么？

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

【问题讨论】：

标签： javascript reactjs slider nouislider

【解决方案1】：

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

例如：

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

Here's the relevant part of the documentation..

【讨论】：