jQuery Round Slider добавляет сокращенные значения в диапазон

Question

Я использую Round Slider в моем приложении, где тип слайдера - диапазон. Мой диапазон варьируется от 0-2 миллионов. У меня есть требование, когда, если значение выше 1000, оно должно быть представлено, например, 1 КБ (1200 как 1,2 КБ), а если значение выше 1000000, оно должно быть представлено, например, 1 МБ (1200000 как 1,2 МБ). До сих пор я не мог найти способ сделать это.

Есть ли способ сделать это?

заранее спасибо

Answer 1

Вы можете использовать свойство tooltipFormat для достижения этого поведения

HTML

<div id="slider"></div>

JS

window.formatter = function(e) {
  if (e.value >= 1000000) {
    return Math.round(e.value / 100000) / 10 + "M";
  }
  if (e.value >= 1000) {
    return Math.round(e.value / 100) / 10 + "k";
  }
  return e.value;
}

$("#slider").roundSlider({
  sliderType: "min-range",
  value: 45,
  max: 2000000,
  tooltipFormat: "formatter"
});

http://jsfiddle.net/osjo/4g5r0mex/4/