Как добавить единицы к значениям круглого слайдера?

Question

У меня есть виджет кругового ползунка, и я пытаюсь добавить единицы к его значениям, когда значение = 0-999, тогда единица Гц должна отображаться рядом со значением, а когда значение = 1000-999999, то это КГц ...и так далее.

Это мой оригинальный слайдер:

$("#slider").roundSlider({
  sliderType: "min-range",
  radius: 150,
  handleSize: "+12",
  mouseScrollAction: true,
  min: 0,
  max: 100000000,
  value: 0, // default value at start

  change: function(event) {
   $.getJSON('/set_Frequency/' + event.value);
  }

});

А вот моя нерабочая попытка:

$("#slider").roundSlider({
  sliderType: "min-range",
  radius: 150,
  handleSize: "+12",
  mouseScrollAction: true,
  min: 0,
  max: 100000000,
  value: 0, // default value at start



  //change: function(event) { $.getJSON('/valueofslider', {slide1_val: event.value}); }
  change: function(event) {
var value = event.value, content;
if (value <= 999) content = "Hz";
else if (value <= 999999) content = "KHz";
else if (value >= 1000000) content = "MHz";
else content = "GHz";
   $.getJSON('/set_Frequency/' + event.value + content);
  }

});

Можетпомогите пожалуйста?

Answer 1

Для любого форматирования вы можете использовать событие tooltipFormat.Я надеюсь, что для вашего сценария вы хотите выбрать любое значение из Гц - ГГц.

Я обновил демо-версию на основе вашей требуемой логики.Здесь вы можете выбрать значение от 1 кГц до 100 МГц.

DEMO

И, если вы можете показать свой реальный сценарий варианта использованиятогда я могу сделать лучшее предложение для вашего требования.