Как настроить десятичный диапазон [0,5,1] шаг [0,05] с NoUiSlider

Question

Я использую NoUiSlider 8.1.0, и хотя возвращаемое значение является правильно десятичным с двумя знаками, значения, показанные в масштабе как:

+-----------+-----------+-------------+-----------+-------------+
1           1           1             1           1             1  

вместо:

+-----------+-----------+-------------+-----------+-------------+
0.5        0.6          0.7           0.8         0.9           1

Как я могу достичь желаемого масштаба?

Это мой код:

 noUiSlider.create(slider, {
    start:0.5,
    step: 0.05,
    range:{
        'min':[0.5],
        'max':[1]
    },
    connect:'lower',
    pips:{
        mode:'steps',
        density:4

    },
    format: wNumb({decimals:2}),

});

Спасибо!

Answer 1

Вам нужно переместить format варианты в пунктах, и это будет работать!

noUiSlider.create(slider, {
    start:0.5,
    step: 0.05,
    range:{
        'min':[0.5],
        'max':[1]
    },
    connect:'lower',
    pips:{
        mode:'steps',
        density:4,
        format: wNumb({ decimals: 2 }),
    },
});