JavaScript/jQuery RangeSelector - value

This option accepts one of the following:

• A two-item array

  Specifies the range's start and end. The array can contain a pair of numeric, string, or date-time values, depending on the scale's valueType. You can also set one of the array values to null to specify an open-ended range.

  value: [50, 70]
  // Open-ended range
  value: [null, 70]

• An object with the startValue and endValue fields

  An alternative to the two-item array.

  value: {
      startValue: 50,
      endValue: 70
  }
  // Open-ended range
  value: {
      startValue: null,
      endValue: 70
  }

• An object with the length and a startValue or endValue field

  Specifies the range using a start or end value and length.

  value: {
      startValue: 50,
      length: 20
  }
  // ===== or =====
  value: {
      endValue: 70,
      length: 20
  }

• An object with the length field

  Sets the range of the specified length using the last scale value as the end value.

  value: {
      length: 20
  }

See Also

• selectedRangeUpdateMode
• onValueChanged
• behavior.callValueChanged
• getValue() | setValue(value)

If the axis/scale displays numbers, set this option to a number:

length: 100 // a hundred axis/scale values

If the axis/scale displays date-time values, set it to an accepted string value or object that contains a field described further in this section:

length: 'day' // one day
length: { days: 2 } // two days

When using the widget as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control, you can specify this option with the VizTimeInterval enum which accepts the same predefined values, but they start with an upper-case letter, for example, "day" becomes Day.