Error updating values manually

[Miguel]

When I try to update the Pointervalue manually, it works, but in some values it shows the circular graph completed filled. 

Like this: 

This is happening with 2%, 6%, 7%, 8%, 10%

but some other values are working fine:

This is the code that I am using:

   <SfCircularGauge Background="#F3F6FC" @ref="circularGauge" Margin="GaugeMargin" Height="10%" Width="400px">

                <CircularGaugeAxes>

                    <CircularGaugeAxis StartAngle="250" EndAngle="110" Minimum="1" Maximum="100" Radius="60%">

                        <CircularGaugeAxisLineStyle Width="0.01" />

                        <CircularGaugeAxisLabelStyle Position="Syncfusion.Blazor.CircularGauge.Position.Inside" UseRangeColor="true">

                            <CircularGaugeAxisLabelFont Size="0px" Color="transparent" />

                        </CircularGaugeAxisLabelStyle>

                        <CircularGaugeAxisMajorTicks Height="0.01" />

                        <CircularGaugeAxisMinorTicks Height="0.01" />

                        <CircularGaugeRanges>

                            <CircularGaugeRange Start="1" End="100" Radius="90%" StartWidth="20" EndWidth="20" Color="#94938F" RoundedCornerRadius="20" />

                        </CircularGaugeRanges>

                        <CircularGaugePointers>

                            <CircularGaugePointer Value="@PointerValue" RoundedCornerRadius="20" Type="PointerType.RangeBar" Radius="90%" Color="@PointerColor" PointerWidth="20">

                                <CircularGaugePointerAnimation Enable="false" />

                                <CircularGaugePointerBorder Color="grey" Width="0.01" />

                            </CircularGaugePointer>

                        </CircularGaugePointers>

                        <CircularGaugeAnnotations>

                            <CircularGaugeAnnotation Radius="0%" Angle="0" ZIndex="1">

                                <ContentTemplate>

                                    <div class="info-arc-gauge font-roboto-bold align-self-center">@PointerValue.ToString()%</div>

                                </ContentTemplate>

                            </CircularGaugeAnnotation>

                            <CircularGaugeAnnotation Angle="0" ZIndex="1" Radius="-100%">

                                <ContentTemplate>

                                    <div class="time-arc-gauge d-flex flex-column" style="margin-top: -50%">

                                        <div class="text-uppercase p-2 align-self-center">

                                            @if (ShowManualButtons)

                                            {

                                                <button class="e-btn rounded-circle" style="height: 40px; width: 40px; background-color: #DF6A4E; border: none; " @onclick="Decrease" title="@Localizer["Decrease"].ToString()"><span class="e-icons e-minus" style="vertical-align: middle;"></span></button>

                                            }

                                            <span style="margin: 0 20px; vertical-align: middle;">@($"{AforoCurrent.LastUpdate.ToLocalTime().Hour.ToString("D2")} : {AforoCurrent.LastUpdate.ToLocalTime().Minute.ToString("D2")} : {AforoCurrent.LastUpdate.ToLocalTime().Second.ToString("D2")}")</span>

                                            @if (ShowManualButtons)

                                            {

                                                <button class="e-btn rounded-circle" style="height: 40px; width: 40px; background-color: #338300; border: none; " @onclick="Increase" title="@Localizer["Increase"].ToString()"><span class="e-icons e-plus" style="vertical-align: middle;"></span></button>

                                            }

                                        </div>

                                        

                                    </div>

                                </ContentTemplate>

                            </CircularGaugeAnnotation>

                        </CircularGaugeAnnotations>

                    </CircularGaugeAxis>

                </CircularGaugeAxes>

            </SfCircularGauge>

  private void SetDataRange(Sumato.Shared.Data.Aforo aforo)

    {

        AvaiavailableCapacity = aforo.CountMax - aforo.Count;

        AvaiavailableCapacity = AvaiavailableCapacity < 0 ? 0 : AvaiavailableCapacity;

        aforo.CountMax = 360;

        if (aforo.CountMax > 0)

        {

            PointerValue = (double.Parse(aforo.Count.ToString()) * 100) / double.Parse(aforo.CountMax.ToString());

        }

        else

        {

            PointerValue = 0;

        }

        AforoCurrent = aforo;

        switch (aforo.Status)

        {

            case StateAforo.Red:

                PointerColor = "#DF6A4E";

                AccessColor = "#FFFFFF";

                WaitingTimeColor = "#FFFFFF";

                AccessLabel = "NO ALLOWED";

                break;

            case StateAforo.Yellow:

                PointerColor = "#DEDA00";

                AccessColor = "#000000";

                WaitingTimeColor = "#000000";

                AccessLabel = "NO ALLOWED";

                break;

            case StateAforo.Green:

                PointerColor = "#338300";

                AccessColor = "#FFFFFF";

                WaitingTimeColor = "#FFFFFF";

                AccessLabel = "ALLOWED";

                break;

        }

       

        

        circularGauge.Refresh();

    }

[Indumathi Ravi]

Hi Miguel, 

 

Thank you for contacting Syncfusion Support. 

 

We are unable to reproduce the reported issue with the latest version(19.2.62) of the Circular Gauge component. Please find the sample application in which we tried to reproduce the reported issue and the screen capture video of the same, below. 

 

Sample Application: https://www.syncfusion.com/downloads/support/forum/169205/ze/CircularGauge-1324394256 

Screen Capture (Video): https://www.syncfusion.com/downloads/support/forum/169205/ze/Video12018683215 

 

Please modify the above application and share the same to us. It will be helpful for us to analyze further and assist you better. 

  

Regards, 

Indumathi R