Articles in this section

How to set the range color to the axis element in the .NET MAUI Linear Gauge (SfLinearGauge)?

The Syncfusion® .NET MAUI Linear Gauge (SfLinearGauge) allows you to set the range color to the axis element. The following demonstration helps you to understand how to set the range color to the axis element.

XAML:

The UseRangeColorForAxis property of the axis allows you to apply range color to axis elements.

<Grid VerticalOptions="Center" WidthRequest="600">
   <gauge:SfLinearGauge x:Name="gauge" UseRangeColorForAxis="True">
       <gauge:SfLinearGauge.Ranges>
           <gauge:LinearRange StartValue="0" EndValue="40" 
                              Fill="Red" Position="Cross"/>
           <gauge:LinearRange StartValue="40" EndValue="60" 
                              Fill="Orange" Position="Cross"/>
           <gauge:LinearRange StartValue="60" EndValue="100" 
                              Fill="CadetBlue" Position="Cross"/>
       </gauge:SfLinearGauge.Ranges>
   </gauge:SfLinearGauge>
</Grid>

The default value of UseRangeColorForAxis is false.

Output:

RangeColor_Axis.png

Conclusion
I hope you enjoyed learning how to set the range color to the axis element in the .NET MAUI Linear Gauge (SfLinearGauge).

Refer to our .NET MAUI Linear Gauge feature tour page for other groundbreaking feature representations. You can also explore our .NET MAUI Linear Gauge documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to check out our .NET MAUI Linear Gauge and other .NET MAUI components.

Please let us know in the comment section if you have any queries or require clarification. Contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied