# Indicators

The controls from the RadSparkline suite support several types of indicators which can be used to highlight the plotted data.

## Markers

The markers are visual indicators showing the location of each data point along the graph line. This setting is applicable to sparkline controls deriving from **RadLinearSparklineBase** - RadLinearSparkline and RadAreaSparkline. To enable the markers set the **ShowMarkers** property to True.

#### **Example 1: Show markers of RadLinearSparkline in XAML**

```XAML
 <telerik:RadLinearSparkline ShowMarkers="True" />
```

#### **Example 2: Show markers of RadLinearSparkline in code**

```C#
this.sparklineControl.ShowMarkers = true;
```

#### **Figure 1: RadLinearSparkline and RadAreaSparkline with shown markers**

![WinUI RadSparkLine RadLinearSparkline and RadAreaSparkline](https://www.telerik.com/winui/documentation/assets/463a2194f436c24b6cfdc37020f88bfc/radsparkline-features-indicators-0.png)

You can change the color of the marker via the **MarkersBrush** property.

The markers can be customized via the **MarkersStyle** property of the control.

#### **Example 3: Setting MarkersStyle**

```XAML
<telerik:RadLinearSparkline.MarkersStyle>
	<Style TargetType="telerik:IndicatorItem">                    
		<Setter Property="ToolTipService.ToolTip" Value="{Binding DataItem}" />
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="telerik:IndicatorItem">
					<Rectangle Fill="{TemplateBinding Fill}" Width="10" Height="10" />
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>
</telerik:RadLinearSparkline.MarkersStyle>
```

#### **Figure 2: RadLinearSparkline with custom MarkersStyle**

![WinUI RadSparkLine RadLinearSparkline with custom MarkersStyle](https://www.telerik.com/winui/documentation/assets/623281d555db697b3f191f0a8a209f1c/radsparkline-features-indicators-1.png)

## High Point

This is a visual indicator which highlights the single highest-value datapoint in a series. In case there is more than one high point, all such points are highlighted. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine, the bar which represents the highest value is highlighted. The highpoint is enabled by setting the **ShowHighPointIndicator** property to True.

#### **Example 4: Show high point indicator of RadColumnSparkline in XAML**

```XAML
 <telerik:RadColumnSparkline ShowHighPointIndicators="True" />
```

#### **Example 5: Show high point indicator of RadColumnSparkline in code**

```C#
this.sparklineControl.ShowHighPointIndicators = true;
```

#### **Figure 3: RadColumnSparkline with shown high point indicator**

![WinUI RadSparkLine RadColumnSparkline with shown high point indicator](https://www.telerik.com/winui/documentation/assets/478e3c0c7b421c79d5c8e55b2c20b91c/radsparkline-features-indicators-2.png)

You can change the color of the high point indicator via the **HighPointBrush** property.

You can customize the appearance of the data point via the **HighPointStyle** property.

#### **Example 6: Setting HighPointStyle**

```XAML
<telerik:RadColumnSparkline.HighPointStyle>
	<Style TargetType="telerik:Column">
		<Setter Property="Opacity" Value="0.5" />
	</Style>
</telerik:RadColumnSparkline.HighPointStyle>
```

#### **Figure 4: RadColumnSparkline with custom HighPointStyle**

![WinUI RadSparkLine RadColumnSparkline with custom HighPointStyle](https://www.telerik.com/winui/documentation/assets/46334ac2d287a73c55cf0ca703d17c18/radsparkline-features-indicators-3.png)

## Low Point

This is a visual indicator which highlights the single lowest-value datapoint in a series. In case there is more than one such point, all similar points are highlighted. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine, the bar which represents the lowest value is highlighted. The low point is enabled by setting the **ShowLowPointIndicator** property to True.

#### **Example 7: Show low point indicator of RadColumnSparkline in XAML**

```XAML
 <telerik:RadColumnSparkline ShowLowPointIndicators="True" />
```

#### **Example 8: Show low point indicator of RadColumnSparkline in code**

```C#
this.sparklineControl.ShowLowPointIndicators = true;
```

#### **Figure 5: RadColumnSparkline with shown low point indicator**

![WinUI RadSparkLine RadColumnSparkline with shown low point indicator](https://www.telerik.com/winui/documentation/assets/2b37db5229ef6b6dda5e05168f564423/radsparkline-features-indicators-4.png)

You can change the color of the low point indicator via the **LowPointBrush** property.

You can customize the appearance of the data point via the **LowPointStyle** property.

#### **Example 9: Setting LowPointStyle**

```XAML
<telerik:RadColumnSparkline.LowPointStyle>
	<Style TargetType="telerik:Column">
		<Setter Property="Opacity" Value="0.5" />
	</Style>
</telerik:RadColumnSparkline.LowPointStyle>
```

#### **Figure 6: RadColumnSparkline with custom LowPointStyle**

![WinUI RadSparkLine RadColumnSparkline with custom LowPointStyle](https://www.telerik.com/winui/documentation/assets/a920ecd3db0d229eb1e003808b20d9c8/radsparkline-features-indicators-5.png)

## Negative Points

These visual indicators highlight all negative data points in a series. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine the bars which represent negative values are highlighted. The negative points indicators are enabled by setting the **ShowNegativePointsIndicator** to True.

#### **Example 10: Show negative points of RadLinearSparkline in XAML**

```XAML
 <telerik:RadLinearSparkline ShowNegativePointIndicators="True" />
```

#### **Example 11: Show negative points of RadLinearSparkline in code**

```C#
this.sparklineControl.ShowNegativePointIndicators = true;
```

#### **Figure 7: RadLinearSparkline with shown negative point indicators**

![WinUI RadSparkLine RadLinearSparkline with shown negative point indicators](https://www.telerik.com/winui/documentation/assets/3c1b26257a5b93ece6eeab2815f04d36/radsparkline-features-indicators-6.png)

You can change the color of the negative points via the **NegativePointBrush** property.

The negative points can be customized via the **NegativePointStyle** property of the control.

#### **Example 12: Setting NegativePointStyle (see Figure 7)**

```XAML
<telerik:RadLinearSparkline.NegativePointStyle>
	<Style TargetType="telerik:IndicatorItem">			
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="telerik:IndicatorItem">
					<Ellipse Fill="{TemplateBinding Fill}" Width="10" Height="10" />
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>
</telerik:RadLinearSparkline.NegativePointStyle>
```

## First Point

This is a visual indicator, which highlights the first data point in a series. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine the bar which represents the first data point is highlighted. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine the first bar is highlighted.

The first point is enabled in the series by setting the **ShowFirstPointIndicator** property to True.

#### **Example 13: Show first point of RadLinearSparkline in XAML**

```XAML
 <telerik:RadLinearSparkline ShowFirstPointIndicator="True" />
```

#### **Example 14: Show first point of RadLinearSparkline in code**

```C#
this.sparklineControl.ShowFirstPointIndicator = true;
```

#### **Figure 8: RadLinearSparkline with shown first point indicator**

![WinUI RadSparkLine RadLinearSparkline with shown first point indicator](https://www.telerik.com/winui/documentation/assets/2abb6146364bbcb625464a7d3a98a080/radsparkline-features-indicators-7.png)

You can change the color of the first point via the **FirstPointBrush** property.

The first point can be customized via the **FirstPointStyle** property of the control.

#### **Example 15: Setting FirstPointStyle (see Figure 8)**

```XAML
<telerik:RadLinearSparkline.FirstPointStyle>
	<Style TargetType="telerik:IndicatorItem">			
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="telerik:IndicatorItem">
					<Ellipse Fill="{TemplateBinding Fill}" Width="10" Height="10" />
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>
</telerik:RadLinearSparkline.FirstPointStyle>
```

## Last Point

This is a visual indicator which highlights the last data point in a series. If the spark line is of type RadColumnSparkline or RadWinLossSparkLine the bar which represents the last value is highlighted. The last point is indicated in the series, by setting the **ShowLastPointIndicator** property to True.

#### **Example 16: Show last point of RadLinearSparkline in XAML**

```XAML
 <telerik:RadLinearSparkline ShowFirstPointIndicator="True" />
```

#### **Example 17: Show last point of RadLinearSparkline in code**

```C#
this.sparklineControl.ShowFirstPointIndicator = true;
```

#### **Figure 9: RadLinearSparkline with shown last point indicator**

![WinUI RadSparkLine RadLinearSparkline with shown last point indicator](https://www.telerik.com/winui/documentation/assets/c7d4e2ec8f37aac9cb2e624cd911040c/radsparkline-features-indicators-8.png)

You can change the color of the last point via the **LastPointBrush** property.

The last point can be customized via the **LastPointStyle** property of the control.

#### **Example 18: Setting LastPointStyle (see Figure 9)**

```XAML
<telerik:RadLinearSparkline.LastPointStyle>
	<Style TargetType="telerik:IndicatorItem">			
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="telerik:IndicatorItem">
					<Ellipse Fill="{TemplateBinding Fill}" Width="10" Height="10" />
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>
</telerik:RadLinearSparkline.LastPointStyle>
```

## Empty Points

There are cases when the collection of data to which the Sparkline is bound may contain empty elements (null values) with no data to which the control can bind and visualize. The behavior of the control in such cases is governed by the **EmptyPointBehavior** property of the control. There are two possible settings:

* **DropPoint**: The empty point is removed. This is the **default** value.
* **ShowAsZero**: The empty point visualizes as though its original value was zero.

#### **Example 19: Setting EmptyPointBehavior**

```XAML
<telerik:RadColumnSparkline EmptyPointBehavior="ShowAsZero" />
```

#### **Figure 10: RadLinearSparkline and RadColumnSparkline with a single null value shown as zero**

![WinUI RadSparkLine RadLinearSparkline and RadColumnSparkline](https://www.telerik.com/winui/documentation/assets/2727e4b48676c84647e4925f5c8b35f8/radsparkline-features-indicators-9.png)

## See Also

* [Data Binding](https://www.telerik.com/winui/documentation/controls/radsparkline/data-binding)