Слайдер начальной загрузки, как привязать к точкам

Question

Как заставить этот слайдер привязываться только к точкам: https://jsbin.com/hepiyawumi/edit?html,output

Я пытался использовать data-slider-step но так как точки имеют значения, которые не разделены поровну, я не получаю желаемого результата.

Желаемый результат - привязка только к 0, 5, 10, 20, 30 и нигде между ними.

Answer 1

Я бы сделал это:

1. Удалить data-slider-step="5"
2. + Изменить data-slider-ticks="[0, 5, 10, 20, 30]" в data-slider-ticks="[0, 1, 2, 3, 4]"
3. Использовать formatter возможность получить всплывающую подсказку, чтобы сказать то же самое, что и метки галочки