nouislider自定義值而不是範圍

Question

我喜歡noUIslider滑塊，但我需要應用自定義值而不是範圍和步驟選項，因爲我的值不會流利地更改。

所以不是具有例如： 範圍[10,90] 步驟：5

我想用：

值[0,10，15.5mmol，18，41等。 。]

這可能嗎？

謝謝

Answer 1

的解決方案是範圍選項。您必須使用滑塊上的位置值，該位置處的值以及到下一個值的距離來創建對象。

var rangers = {} 
for (i = 0; i < filterLength.length; ++i) { 
    var prozent = Math.ceil((100/filterLength.length) * i) 
    if (i < filterLength.length-1) { rangers[prozent+'%'] = [ filterLength[i], filterLength[i+1] - filterLength[i] ] } 
    if (i == filterLength.length-1) { rangers['max'] = [filterLength[filterLength.length-1]]; } 
} 

$("#slider-length").noUiSlider({ 
    start: [ filterLength[0], filterLength[filterLength.length-1] ], 
    range: rangers 
}); 

Answer 2

您可以設置自定義的非線性值。

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

見例如這裏http://refreshless.com/nouislider/examples/non-linear