Thanks. Very elegant solution. It's working perfectly for me. So to get my slider "easing in" i adjusted the position by a factor of ^ 2 and the value by a factor of ^ 0.5 as follows:
<input name="flowrate" class="easyui-slider" value="12" style="width:200px"
data-options="
showTip:true,
min:0,
max:1600,
rule:[0,'|',100,'|',400,'|',900,'|',1600],
converter:{
toPosition:function(value, size){
var opts = $(this).slider('options');
//return (value-opts.min)/(opts.max-opts.min)*size;
return Math.pow((value-opts.min)/(opts.max-opts.min),0.5)*size;
},
toValue:function(pos, size){
var opts = $(this).slider('options');
//return opts.min + (opts.max-opts.min)*(pos/size);
return opts.min + (opts.max-opts.min)*Math.pow((pos/size),2);
}
}"
>
EasyUI

