jQuery Round Slider hinzufügen Kurzschrift Werte im Bereich

Question

Ich verwende Round Slider in meiner Anwendung, wo der Schieberegler Typ Bereich ist. Mein Bereich schwankt zwischen 0 und 2 Millionen. Ich habe eine Anforderung wo, wenn der Wert über 1000 ist, sollte es wie 1k (1200 als 1.2k) dargestellt werden, und wenn der Wert über 1000000 ist, sollte es wie 1M (1200000 als 1.2M) dargestellt werden. Bis jetzt konnte ich keinen Weg finden, dies zu tun.

Wenn es einen Weg gibt, dies zu tun?

Vielen Dank im Voraus

Answer 1

Sie tooltipFormat Eigenschaft verwenden, kann dieses Verhalten

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/

zu erreichen