Плотно прокладывает диапазон, как восстановить ограничительную планку на слайдере

Question

У меня есть слайдер с ползунками, мне нужно перерисовать слайдер с серой частью, как это. пример с диапазоном

Если я сохраню значения диапазона из макета и восстановлю его, это повлияет на диапазон оси x как для верхнего, так и для нижнего края, так что это неправильно. Возможно, что-то вроде предельного диапазона?

Answer 1

Эта функция была недавно добавлена ​​в выпуск v1.10.0 (в частности, этот PR).

Если вы хотите установить изначально выбранный диапазон на слайдере диапазона, вы можете использовать этот синтаксис в layout объект:

{
  xaxis: {
    range: [20, 30] // this is the range the *selected area* of the slider spans
    rangeslider: {
      range: [0, 100] // this is the range the *entire* slider spans
    }
  }
}

Ползунок диапазона по умолчанию охватывает весь диапазон ваших данных, однако, указав rangeslider.rangeВы можете ограничить этот промежуток. Мы хотели, чтобы интерфейс был знаком с "обычным" диапазоном, поэтому xaxis.range будет по-прежнему устанавливать видимый диапазон графика, и ползунок будет вести себя соответственно.

Например, эти фиктивные данные создают это изображение, и в этих каталогах есть еще несколько примеров, использующих ползунки диапазона.