Devaxpress: range selection control rangecontrol uses

When developing chart software , The display range of the line chart is too long .RangeControl Control can easily select the range of the graphic display area , You can more intuitively analyze the trend of the chart line 、 Details are displayed .

This is a summary of the use in project development ,DevExpress The version is 15.1,RangeControl Control is bound to ChartControl On the graph control .

One 、 Control style

take RangeControl Control is dragged into the form , There will be a new RangeControl Control .RangeControl The style of the control will be displayed with the bound control .

In the project , take RangeControl（ Next ） Control is bound to ChartControl（ On ） On the graph control .
DevExpress Official description page of , take RangeControl（ On ） Control is bound to SchedulerControl（ Next ） Controls .

Two 、 Common operations

1. Data binding

Click to select RangeControl Control , Find... In attributes Client, binding ChartControl Control . In the project ChartControl Of name The attribute is chartControl, You can bind the corresponding controls according to your own development needs .

2. Appearance properties

attribute	Set up
Selection Type	Thumb/Flag/ThumbAndFlag
ShowLabels	True/False
ShowZoomScrollBar	True/False

Selection Type

Use SelectionType attribute , You can specify the mode in which the end user uses the mouse to select the data range and whether to display the flag indicating the binding value .

ShowLabels

Use ShowLabels Attribute can hide scales and labels , Visible by default .

ShowZoomScrollBar

Users use the mouse to scroll and zoom RangeControl The visible range of .

3. Control orientation

By choice Orientation Properties of Vertical/Horizontal, Set up RangeControl Is the direction of vertical or horizontal .

4. Minimum spacing

The default dragged control has the smallest visible range , Cannot continue to narrow down .
By setting ChartControl in XYDiagram Properties in , Change it to ChartGrid It can be adjusted to any size . Note that ChartControl In the inner circle XYDiagram, Is not ChartControl.

The effect of the change ：

3、 ... and 、 Use effect