This topic explains how to configure the XamLinearGauge™ control with vertical scale and/or inverted scale direction.
The following topics are prerequisites to understanding this topic:
This topic contains the following sections:
The XamLinearGauge control supports vertical and horizontal orientations of the scale. By default, the scale orientation is horizontal. In vertical orientation, the scale values increase in upward direction and the numbering labels are positioned on its left.
It is defined by the Orientation property of the control.
The scale direction is the direction in which the values of the scale increase. It can be standard (left-to-right at horizontal orientation and bottom-to-top at vertical orientation) or inverted (right-to-left at horizontal orientation and top-to-bottom at vertical orientation).
Scale direction is defined by the IsScaleInverted property of the control. The default orientation is standard.
The following table explains briefly the configurable aspects of the XamLinearGauge ’s control orientation and scale inversion and maps them to properties that configure them.
The orientation (horizontal or vertical) of the linear gauge is specified by the Orientation property of the control.
The following table maps the desired configuration to its respective property settings.
The screenshot below demonstrates how the XamLinearGauge looks as a result of the following settings:
Following is the code that implements this example.
In XAML:
<ig:XamLinearGauge
Orientation="Vertical" />
In C#:
linearGauge.Orientation = LinearScaleOrientation.Vertical;
With horizontal orientation, the standard (default) direction of the scale is left-to-right, which means that the scale begins at the left edge of the Graph area and ends at its right edge (the ScaleStartExtent indicates an outset from the left edge of the Graph area and the ScaleEndExtent – the distance from the left edge of the Graph area to the end of the scale):
When the direction is inverted, the scale begins at the right edge of the Graph area and ends at its left edge (the ScaleStartExtent
indicates an outset from the right edge of the Graph area and the ScaleEndExtent
– the distance from the right edge of the Graph area to the end of the scale):
With vertical orientation, the standard (default) direction of the scale is bottom-to-top, which means that the scale begins at the bottom of the Graph area and ends at its top (the ScaleStartExtent
indicates an outset from the bottom edge of the Graph area and the ScaleEndExtent
– the distance from the bottom edge of the Graph area to the end of the scale):
When the direction is inverted, the scale begins at the top edge of the Graph area and ends at its bottom edge (the ScaleStartExtent
indicates an outset from the top edge of the Graph area and the ScaleEndExtent
– the distance from the top edge of the Graph area to the end of the scale):
The following table maps the desired configuration to its respective property settings.
The screenshot below demonstrates how the XamLinearGauge looks as a result of the following settings:
Following is the code that implements this example.
In XAML:
<ig:XamLinearGauge
Orientation="Horizontal"
IsScaleInverted="True" />
In C#:
linearGauge.Orientation = LinearScaleOrientation.Horizontal;
linearGauge.IsScaleInverted = true;
The screenshot below demonstrates how the XamLinearGauge looks as a result of the following settings:
Following is the code that implements this example.
In XAML:
<ig:XamLinearGauge
Orientation="Vertical"
IsScaleInverted="True" />
In C#:
linearGauge.Orientation = LinearScaleOrientation.Vertical;
linearGauge.IsScaleInverted = true;
Topic | Purpose |
---|---|
This is a group of topics covering in detail the visual elements of the XamLinearGauge control (like the scale elements, performance bar, comparative marker and ranges, etc.) and explaining, with code examples, how to configure them. |