1. Feedback
  2. Blazor
  3. 21793

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

Fix the range bar pointer path when the RounderCornerRadius property is set in the pointer

Fix the range bar pointer path that is calculated wrongly when we set the RoundedCornerRadius property for the pointer.

<div style="height:400px;width:400px">

<SfCircularGauge Height="100%"
                 Width="100%">

    <CircularGaugeAxes>

        <CircularGaugeAxis StartAngle="195"
                           EndAngle="165"
                           Minimum="0"
                           Maximum="1000"
                           Radius="80%">

            <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="0"
                                    End="1000"
                                    Radius="90%"
                                    StartWidth="15"
                                    EndWidth="15"
                                    Color="black"
                                    RoundedCornerRadius="20" />

            </CircularGaugeRanges>

            <CircularGaugePointers>

                <CircularGaugePointer Value="10"
                                      RoundedCornerRadius="20"
                                      Type="PointerType.RangeBar"
                                      Radius="90%"
                                      Color="green"
                                      PointerWidth="15">

                    <CircularGaugePointerAnimation Enable="false" />

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

                </CircularGaugePointer>

            </CircularGaugePointers>

        </CircularGaugeAxis>

    </CircularGaugeAxes>

</SfCircularGauge>

</div>

When we run the above code snippet the issue gets reproduced.