React Chart - argumentAxis.wholeRange
Defines the range where the axis can be zoomed and panned. To limit the visual range, specify the visualRange property.
This property 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 axis's argumentType. You can also set one of the array values to null to specify an open-ended range.
- wholeRange: [50, 70]
- // Open-ended range
- wholeRange: [null, 70]
An object with the startValue and endValue fields
An alternative to the two-item array.
- wholeRange: {
- startValue: 50,
- endValue: 70
- }
- // Open-ended range
- wholeRange: {
- 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.
- wholeRange: {
- startValue: 50,
- length: 20
- }
- // ===== or =====
- wholeRange: {
- endValue: 70,
- length: 20
- }
An object with the length field
Sets the range of the specified length using the last axis value as the end value.
- wholeRange: {
- length: 20
- }
See Also
length
If the axis/scale displays numbers, set this property 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
If you have technical questions, please create a support ticket in the DevExpress Support Center.