This topic explains, with code examples, how to configure and customize the appearance of the Normal Range of the XamSparkline™ control.
The following table lists the topics required as a prerequisite to understanding this topic.
This topic contains the following sections:
By default, the normal range is not displayed. When enabled, the normal range has light gray color fill by default. The minimum settings required for displaying the Normal Range are the visibility, the position of the bottom border of the range, and the position of the upper border of range.
The Normal Range can be customized in the following aspects:
width and position
fill (gradient and color)
These settings are managed, respective properties:
The following table maps the configuration tasks to the corresponding Normal Range property settings.
This example demonstrates how to configure a Normal Range of yellow color. The Normal Range is 4 value levels wide and is placed between value levels 1 and 5.
This is achieved through customizing the NormalRangeFill property of XamSparkline .
In XAML:
<ig:XamSparkline
NormalRangeVisibility="Visible"
NormalRangeMaximum="5"
NormalRangeMinimum="1">
<ig:XamSparkline.NormalRangeFill>
<dv:SolidColorBrush Color="#6FE7B134"/>
</ig:XamSparkline.NormalRangeFill>
</ig:XamSparkline>
The following topics provide additional information related to this topic.