SfCircularGauge - how to specify header and tick settings in XAML?

[James Lavery]

I'm using XAML to define my SfCircularGauge, and am having problems defining a Header and Major/Minor tick settings.

Is there an example of how to do this in XAML?

[Sivakumar Punniya Moorthi]

Hi James,

Thanks for your interest in Syncfusion products.

We have analyzed your query,in order to define “Header” , “Major Tick settings “ and” Mionor Tick settings” in Xaml code. Please find the code snippet below,

CodeSnippet:

<gauge:SfCircularGauge Grid.Row="1"
        WidthRequest     ="120"
        x:Name   ="circular" >

<gauge:SfCircularGauge.Scales>
            <gauge:Scale
            x:Name="scale"
                StartValue   ="-100"
                EndValue     ="-20"
                Interval     ="20" >
                 <gauge:Scale.MajorTickSettings>
                 <gauge:TickSettings Length="22" Color="Red">
                 </gauge:TickSettings>
                 </gauge:Scale.MajorTickSettings>
                 <gauge:Scale.MinorTickSettings>
                 <gauge:TickSettings  Length="12" Color="Green">
                 </gauge:TickSettings>
                 </gauge:Scale.MinorTickSettings>
            </gauge:Scale>
        </gauge:SfCircularGauge.Scales>
    <gauge:SfCircularGauge.Headers>
      <gauge:Header Text="Speedometer" Position="0.3,0.6" ForegroundColor="Maroon"  />
    </gauge:SfCircularGauge.Headers>
    </gauge:SfCircularGauge>

Please let us know, if you need any further assistance on this.

Regards,

Sivakumar P

[James Lavery]

Hi Sivakumar,

Thanks - that's just what I needed to know.

Regards,

James

[Sivakumar Punniya Moorthi]

Hi James,

Thanks for your update.      

We are glad to know that you have met your requirement. Please let us know if you need further assistance.

Regards,

Sivakumar P.