Binding for annotation of circular gauge

Is it not possible to bind a value with converter in the annotation of circulargauge?

                    <gauge:SfCircularGauge
                        Grid.Row="12"
                        Grid.Column="1"
                        Grid.ColumnSpan="3"
                        HeightRequest="150"
                        WidthRequest="150">
                        <gauge:SfCircularGauge.Annotations>
                            <gauge:GaugeAnnotation HorizontalAlignment="Center" VerticalAlignment="Center">
                                <gauge:GaugeAnnotation.View>
                                    <Label Style="{StaticResource XXLargeBoldLabelStyle}">
                                        <Label.FormattedText>
                                            <FormattedString>
                                                <Span Text="{Binding BudgetStatement.TotalIncomeBudget, Converter={StaticResource currencyFormConverter}}" />
                                                <Span Text=" " />
                                                <Span Text="{Binding BudgetStatement.FinancialPlan.Currency.Symbol}" />
                                            </FormattedString>
                                        </Label.FormattedText>
                                    </Label>
                                </gauge:GaugeAnnotation.View>
                            </gauge:GaugeAnnotation>
                        </gauge:SfCircularGauge.Annotations>
                        <gauge:SfCircularGauge.Scales>
                            <gauge:Scale
                                EndValue="100"
                                Interval="10"
                                RadiusFactor="1"
                                RimColor="#e0e0e0"
                                RimThickness="25"
                                ShowLabels="False"
                                ShowTicks="False"
                                StartAngle="270"
                                StartValue="0"
                                SweepAngle="360">
                                <gauge:Scale.Pointers>
                                    <gauge:RangePointer
                                        RangeCap="None"
                                        Thickness="25"
                                        Offset="1"
                                        Color="#01bdae"
                                        Value="70" />
                                </gauge:Scale.Pointers>
                            </gauge:Scale>
                        </gauge:SfCircularGauge.Scales>
                    </gauge:SfCircularGauge>

3 Replies

RS Ramya Soundar Rajan Syncfusion Team May 6, 2020 11:38 AM UTC

Hi Murat, 
  
Greetings from Syncfusion. 
 
We have prepared a sample based on your code snippet to achieve your requirement. Please find the sample from the below location. 
 
 
Output: 
 
 
 
Please let us know, if you need any further assistance on this. 
 
Regards, 
Ramya S 



MU Murat May 11, 2020 09:52 AM UTC

Thank you for your fast and precious support, Ramya.  


RS Ramya Soundar Rajan Syncfusion Team May 12, 2020 05:06 AM UTC

Hi Murat, 
 
Thanks for your update. 
 
Please get in touch with us if you would require any further assistance. 
 
Regards, 
Ramya S 


Loader.
Up arrow icon