Нужно сверстать вот такой input range, использую noUiSlider.
У меня получилось сделать обычную шкалу от 1 до 10, например, а вот такие десятичные значения, да еще и с неравным интервалом никак не получается.. В документации ничего похожего не нашла. Очень нужно сделать, может кто что посоветует? Другой плагин?
Пробовала вручную стилизовать, тоже как-то не очень. В хроме еще отображается шкала, в мозилле нет.
Вот код для обычной шкалы
noUiSlider.create(range, {
tooltips: true,
connect: [true, false],
range: {
'min': 1,
'max': 10
},
start: [1],
step: 1,
pips: {
mode: 'count',
values: 10
},
format: {
to: function (value) {
return parseInt(value);
},
from: function (value) {
return parseInt(value);
}
}
});
Для десятичной пробовала вот так, но не сработало:
noUiSlider.create(driver, {
tooltips: true,
connect: [true, false],
// step: 10,
range:
{
'min': 2.45,
'7%': 2.3,
'14%': 1.55,
'21%': 1.4,
'28%': 1.0,
'34%': 0.95,
'42%': 0.9,
'49%': 0.85,
'56%': 0.8,
'63%': 0.75,
'70%': 0.7,
'77%': 0.65,
'84%': 0.6,
'91%': 0.55,
'max': 0.5
},
format: {
to: function (value) {
return parseInt(value);
},
from: function (value) {
return parseInt(value);
}
},
start: 0,
pips: {
mode: 'positions',
values: [0, 7, 14, 21, 28, 34, 42, 49, 56, 63, 70, 77, 84, 91, 100]
}
});