Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions xamarin-android/SfLinearGauge/annotations.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ documentation: ug

[`SfLinearGauge`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusion.Gauges.SfLinearGauge.SfLinearGauge.html) supports [`Annotations`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusion.Gauges.SfLinearGauge.SfLinearGauge.html#Com_Syncfusion_Gauges_SfLinearGauge_SfLinearGauge_Annotations), which is used to mark the specific area of interest in the gauge area with texts, shapes, or images. You can add any number of annotations to the gauge.

## Annotation
## Annotation

By using the [`View`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusion.Gauges.SfLinearGauge.LinearGaugeAnnotation.html#Com_Syncfusion_Gauges_SfLinearGauge_LinearGaugeAnnotation_View) property of annotation object, you can specify the new element that needs to be displayed in the gauge area.

Expand Down Expand Up @@ -45,7 +45,7 @@ By using the [`View`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfus

{% endhighlight %}

![](annotations_images/annotation1.png)
![Positioning annotation in Xamarin.Android Linear Gauge.](annotations_images/annotation1.png)

## Positioning the annotation

Expand Down Expand Up @@ -83,7 +83,7 @@ You can position the annotation anywhere in the linear gauge by using the [`Offs

{% endhighlight %}

![](annotations_images/annotation2.png)
![Change annotation position by using offset in Xamarin.Android Linear Gauge.](annotations_images/annotation2.png)

### Change annotation position by using scale value

Expand Down Expand Up @@ -130,7 +130,7 @@ You can also place the annotation by specifying the [`ScaleValue`](https://help.

{% endhighlight %}

![](annotations_images/annotation3.png)
![Change annotation position by using scale value in Xamarin.Android Linear Gauge.](annotations_images/annotation3.png)

## Set margin to the annotation

Expand Down Expand Up @@ -177,7 +177,7 @@ You can adjust the annotation by specifying the [`ViewMargin`](https://help.sync

{% endhighlight %}

![](annotations_images/annotation4.png)
![Alignment of annotation in Xamarin.Android Linear Gauge.](annotations_images/annotation4.png)

## Alignment of annotation

Expand Down Expand Up @@ -226,7 +226,7 @@ You can align the annotation using the [`HorizontalViewAlignment`](https://help.

{% endhighlight %}

![](annotations_images/annotation5.png)
![Setting horizontal view alignment in Xamarin.Android Linear Gauge.](annotations_images/annotation5.png)

### Setting vertical view alignment

Expand Down Expand Up @@ -271,7 +271,7 @@ You can align the annotation using the [`HorizontalViewAlignment`](https://help.

{% endhighlight %}

![](annotations_images/annotation6.png)
![Setting vertical view alignment in Xamarin.Android Linear Gauge.](annotations_images/annotation6.png)

## Setting scale index for annotation

Expand Down Expand Up @@ -338,7 +338,7 @@ You can set the index for the scale by using [`ScaleIndex`](https://help.syncfus

{% endhighlight %}

![](annotations_images/annotation7.png)
![Setting scale index for annotation in Xamarin.Android Linear Gauge.](annotations_images/annotation7.png)

## Multiple annotations

Expand Down Expand Up @@ -454,4 +454,4 @@ You can add multiple annotations to the gauge as demonstrated below.

{% endhighlight %}

![](annotations_images/annotation8.png)
![Multiple annotations in Xamarin.Android Linear Gauge.](annotations_images/annotation8.png)
6 changes: 3 additions & 3 deletions xamarin-android/SfLinearGauge/header.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ You can add a title to gauge using the [`LinearLabel`](https://help.syncfusion.c

{% endhighlight %}

![](header_images/header.png)
![Adding header to linear gauge in Xamarin.Android Linear Gauge.](header_images/header.png)

## Positioning the header

Expand Down Expand Up @@ -72,7 +72,7 @@ To change the position of header, use the [`Offset`](https://help.syncfusion.com

{% endhighlight %}

![](header_images/header2.png)
![Positioning the header in Xamarin.Android Linear Gauge.](header_images/header2.png)

## Customizing header text

Expand Down Expand Up @@ -104,4 +104,4 @@ You can customize the text of [`LinearLabel`](https://help.syncfusion.com/cr/xam

{% endhighlight %}

![](header_images/header3.png)
![Customizing header text in Xamarin.Android Linear Gauge.](header_images/header3.png)
14 changes: 7 additions & 7 deletions xamarin-android/SfLinearGauge/labels.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ The label color can be changed using the [`LabelColor`](https://help.syncfusion.

{% endhighlight %}

![Label color customization image](labels_images/label1.png)
![Label color customization image in Xamarin.Android Linear Gauge.](labels_images/label1.png)

## Label font customization

Expand All @@ -61,7 +61,7 @@ The label font can be customized by using the [`LabelFontSize`](https://help.syn

{% endhighlight %}

![Label-font-customization image](labels_images/label2.png)
![Label font customization image in Xamarin.Android Linear Gauge.](labels_images/label2.png)

## Setting position for labels

Expand All @@ -86,7 +86,7 @@ The labels can be positioned far away from the ticks by using the [`LabelOffset`

{% endhighlight %}

![Label-offset image](labels_images/label3.png)
![Label offset image in Xamarin.Android Linear Gauge.](labels_images/label3.png)

### Setting postfix and prefix for labels

Expand Down Expand Up @@ -118,7 +118,7 @@ The [`LabelPostfix`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusi

{% endhighlight %}

![Label-postfix image](labels_images/label4.png)
![Label postfix image in Xamarin.Android Linear Gauge.](labels_images/label4.png)

### Setting label prefix

Expand All @@ -143,7 +143,7 @@ The [`LabelPrefix`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusio

{% endhighlight %}

![Label-prefix image](labels_images/label5.png)
![Label prefix image in Xamarin.Android Linear Gauge.](labels_images/label5.png)

## Labels visibility

Expand Down Expand Up @@ -171,7 +171,7 @@ Labels visibility can be customized using the [`ShowLabels`](https://help.syncfu

{% endhighlight %}

![Labels visibility image](labels_images/label6.png)
![Labels visibility image in Xamarin.Android Linear Gauge.](labels_images/label6.png)


## Customize the scale labels
Expand Down Expand Up @@ -218,5 +218,5 @@ The scale label are customized by using `LabelFormat` and `Culture` properties o

{% endhighlight %}

![Label format Image](labels_images/labelFormat.png)
![Label format Image in Xamarin.Android Linear Gauge.](labels_images/labelFormat.png)

10 changes: 5 additions & 5 deletions xamarin-android/SfLinearGauge/ranges.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ Start and end values of ranges are set by using the [`StartValue`](https://help.

{% endhighlight %}

![](ranges_images/range1.png)
![Setting start and end values for range in Xamarin.Android Linear Gauge.](ranges_images/range1.png)

## Range customization

Expand Down Expand Up @@ -75,7 +75,7 @@ To change the range’s background color, use the [`Color`](https://help.syncfus

{% endhighlight %}

![](ranges_images/range2.png)
![Range customization in Xamarin.Android Linear Gauge.](ranges_images/range2.png)

## Setting position for range

Expand Down Expand Up @@ -112,7 +112,7 @@ The range can be adjusted above or below the scale by using the [`Offset`](https

{% endhighlight %}

![](ranges_images/range3.png)
![Setting position for range in Xamarin.Android Linear Gauge.](ranges_images/range3.png)

## Setting multiple ranges

Expand Down Expand Up @@ -167,7 +167,7 @@ You can add n number of ranges to a scale by using the [`LinearRange`](https://h

{% endhighlight %}

![](ranges_images/range4.png)
![Setting multiple ranges in Xamarin.Android Linear Gauge.](ranges_images/range4.png)

## Setting gradient color for range

Expand Down Expand Up @@ -204,4 +204,4 @@ You can give smooth color transition to range to specifying the different colors

{% endhighlight %}

![](ranges_images/range5.png)
![Setting gradient color for range in Xamarin.Android Linear Gauge.](ranges_images/range5.png)
20 changes: 10 additions & 10 deletions xamarin-android/SfLinearGauge/scales.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Scales is a collection of [`LinearScale`](https://help.syncfusion.com/cr/xamarin

{% endhighlight %}

![](scales_images/scale1.png)
![Linear Gauge scale in Xamarin.Android.](scales_images/scale1.png)

## Setting minimum and maximum values for scale

Expand All @@ -61,7 +61,7 @@ To change minimum and maximum values of linear scale, use the [`Minimum`](https:

{% endhighlight %}

![](scales_images/scale2.png)
![Setting minimum and maximum values for scale in Xamarin.Android Linear Gauge.](scales_images/scale2.png)

## Setting interval for scale

Expand All @@ -88,7 +88,7 @@ The [`Interval`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusion.G

{% endhighlight %}

![](scales_images/scale3.png)
![Setting interval for scales in Xamarin.Android Linear Gauge.](scales_images/scale3.png)

## Setting maximum labels

Expand All @@ -114,7 +114,7 @@ The [`MaximumLabels`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfus

{% endhighlight %}

![](scales_images/scale4.png)
![Setting maximum labels in Xamarin.Android Linear Gauge.](scales_images/scale4.png)

## Scale customization

Expand Down Expand Up @@ -143,7 +143,7 @@ You can customize the color, length, size, and position of the [`LinearScale`](h

{% endhighlight %}

![](scales_images/scale5.png)
![Setting opposite position in Xamarin.Android Linear Gauge.](scales_images/scale5.png)

## Setting opposite position

Expand All @@ -169,7 +169,7 @@ To place the scale at opposite to its original position, set the [`OpposedPositi

{% endhighlight %}

![](scales_images/scale6.png)
![Setting scale direction in Xamarin.Android Linear Gauge.](scales_images/scale6.png)

## Setting scale direction

Expand All @@ -195,7 +195,7 @@ You can set the scale position to its forward and backward using the [`ScaleDire

{% endhighlight %}

![](scales_images/scale7.png)
![Setting scale corner radius type in Xamarin.Android Linear Gauge.](scales_images/scale7.png)

## Setting corner radius type for scale

Expand Down Expand Up @@ -223,7 +223,7 @@ Corners of the [`LinearScale`](https://help.syncfusion.com/cr/xamarin-android/Co

{% endhighlight %}

![](scales_images/scale8.png)
![Multiple scales in Xamarin.Android Linear Gauge.](scales_images/scale8.png)

## Multiple scales

Expand Down Expand Up @@ -294,7 +294,7 @@ It helps you to add multiple scales to the same linear gauge and customize all t

{% endhighlight %}

![](scales_images/scale9.png)
![Setting gradient color for scale in Xamarin.Android Linear Gauge.](scales_images/scale9.png)

## Setting gradient color for scale

Expand Down Expand Up @@ -347,4 +347,4 @@ You can give smooth color transition to scale to specifying the different colors

{% endhighlight %}

![](scales_images/scale10.png)
![Setting scale gradient stop in Xamarin.Android Linear Gauge.](scales_images/scale10.png)
10 changes: 5 additions & 5 deletions xamarin-android/SfLinearGauge/tick-setting.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ Ticks visibility can be customized using the [`ShowTicks`](https://help.syncfusi

{% endhighlight %}

![](tick-setting_images/tick-setting1.png)
![Tick Setting in Xamarin.Android Linear Gauge.](tick-setting_images/tick-setting1.png)

## Tick customization

Expand All @@ -54,7 +54,7 @@ You can customize the color and thickness of ticks by using the [`Color`](https:

{% endhighlight %}

![](tick-setting_images/tick-setting2.png)
![Major tick customization in Xamarin.Android Linear Gauge.](tick-setting_images/tick-setting2.png)

### Minor tick customization

Expand All @@ -78,7 +78,7 @@ You can customize the color and thickness of ticks by using the [`Color`](https:

{% endhighlight %}

![](tick-setting_images/tick-setting3.png)
![Minor tick customization in Xamarin.Android Linear Gauge.](tick-setting_images/tick-setting3.png)

## Setting minor ticks per interval

Expand All @@ -100,7 +100,7 @@ The [`Interval`](https://help.syncfusion.com/cr/xamarin-android/Com.Syncfusion.G

{% endhighlight %}

![](tick-setting_images/tick-setting4.png)
![Setting minor ticks per interval in Xamarin.Android Linear Gauge.](tick-setting_images/tick-setting4.png)

## Setting position for ticks

Expand Down Expand Up @@ -129,4 +129,4 @@ The major and minor ticks can be positioned far away from the scale by using the

{% endhighlight %}

![](tick-setting_images/tick-setting5.png)
![Setting position for ticks in Xamarin.Android Linear Gauge.](tick-setting_images/tick-setting5.png)