CircularGauge image resize

[XamS]

Hello all,

how do I manage to dynamically size the image in the center of the CircularGauge. The CircularGauge looks great on all devices, but the image inside has a fixed resolution.

many greetings

<gauge:SfCircularGauge BackgroundColor="White" Margin="20">
        
        <gauge:SfCircularGauge.Annotations>
            <gauge:GaugeAnnotation Angle="270" Offset="0.2">
                <gauge:GaugeAnnotation.View>
                    <Image Source="weather.jpg" HeightRequest="100" WidthRequest="100"/>
                </gauge:GaugeAnnotation.View>
            </gauge:GaugeAnnotation>
        </gauge:SfCircularGauge.Annotations>

        <gauge:SfCircularGauge.Headers>
            <gauge:Header Text="73.2" Position="0.48, 0.6" ForegroundColor="#424242" FontAttributes="Bold" TextSize="20"/>
            <gauge:Header Text="o" Position="0.55,0.58" ForegroundColor="#424242" FontAttributes="Bold" TextSize="12"/>
            <gauge:Header Text="F" Position="0.58,0.6" ForegroundColor="#424242" FontAttributes="Bold" TextSize="20"/>
        </gauge:SfCircularGauge.Headers>

        <gauge:SfCircularGauge.Scales>
            <gauge:Scale  ShowLabels="False" ShowTicks="False" RimThickness="20" RadiusFactor="1" RimColor="#e0e0e0"
                          StartAngle="90" SweepAngle="360" StartValue="0" EndValue="100" Interval="10">

                <gauge:Scale.Pointers>
                    <gauge:RangePointer Value="73.2" Offset="1" Thickness="20" RangeCap="Both" Color="#FCFB48"/>
                </gauge:Scale.Pointers>

            </gauge:Scale>
        </gauge:SfCircularGauge.Scales>

    </gauge:SfCircularGauge>

[Eswaran Thirugnanasambandam]

Hi XamS, 

 

Greetings from Syncfusion. 

 

We would like to inform you that, we rendered Annotation with its initially measured size since it is just used to mark the specific area in the gauge with a custom view like label, shape, image, etc., So, if you change the property value’s in the view, we cannot get the notification in source level (view can be anything like label or image or any other view) in order to re-measure the size of view based on changed value. If the image size is needed to change dynamically then, create a new instance for the image with a different size and replace it with the annotation view.  

 

Regards, 

Eswaran