How to customize the Xamarin Linear Gauge label position (SfLinearGauge)
This article explains how to customize the label position in the Xamarin.Forms SfLinearGauge control, as shown in the following image.
Change the linear gauge label position
Label position can be changed by setting the LabelOffset property in SfLinearGauge.
Step1: Create an instance of SfLinearGauge.
Step 2: Add the LinearScale into the scales collection of the linear gauge.
Step 3: Add the LabelOffset property to customize the LinearGauge label position.
[XAML]
<gauge:SfLinearGauge> <gauge:SfLinearGauge.Scales> <gauge:LinearScale ScaleBarColor="#e0e0e0" LabelColor="#424242" LabelOffset="5"> <gauge:LinearScale.MajorTickSettings> <gauge:LinearTickSettings Thickness="1" Color="Gray" Length="15" /> </gauge:LinearScale.MajorTickSettings> <gauge:LinearScale.MinorTickSettings> <gauge:LinearTickSettings Thickness="1" Color="Gray" Length="7" /> </gauge:LinearScale.MinorTickSettings> </gauge:LinearScale> </gauge:SfLinearGauge.Scales> </gauge:SfLinearGauge>
View the sample in GitHub
See also
How to set the postfix or prefix value for labels in Xamarin.Forms SfLinearGauge
How to add multiple scale in Xamarin.Forms SfLinearGauge
How to set the custom-labels for scale in Xamarin.Forms SfLinearGauge
How to customize the label visibility in Xamarin.Forms SfLinearGauge
How to customize the scale labels in Xamarin.Forms SfLinearGauge
