javascript - noUiSlider 长数舍入错误

Question

我用数据初始化 noUiSlider

var settings = {
  connect: "lower",
  range: {
    max: 87654567890,
    min: 0
  },
  start: 30679098762,
  step: 1
}

为什么在初始化 slider 后值为 30679098761.50？

演示在这里 - https://jsfiddle.net/serGlazkov/yrppsmvo/5/

Answer 1

不能在 slider 宽度上准确表示这么大的数字(比如 300 像素不能合理地除以 87654567890)。

解决方案是使用较小的数字范围，然后在数组中查找较大的值:

var range = ['x','x2','x3',...];

bigValueSlider.noUiSlider.on('update', function ( values, handle ) {
    bigValueSpan.innerHTML = range[values[handle]];
});

查看 this example in the documentation 如何处理它。