Font size on SfCircularGauge indicator

I have a problem with <CircularGaugeAxisLabelFont> the (size) property only supports pixels, when I set a size based on % I get an error, I need this because I require the text size to adapt to the resolution of the screen


<SfCircularGauge Width="100%" Height="100%" AllowMargin="false" Background="#000000" >


    <CircularGaugeBorder Color="#FF0000" Width="0">

    </CircularGaugeBorder>


    <CircularGaugeAxes>

        <CircularGaugeAxis StartAngle="220" EndAngle="90" Minimum="0" Maximum="@MaxEngineValue" Radius="100%" ShowLastLabel="false">


            <CircularGaugeRanges>

                <CircularGaugeRange Start="0" End="@MaxEngineValue" Radius="100%" Color="#bfbfbf" StartWidth="15" EndWidth="15" Position="PointerRangePosition.Inside">

                </CircularGaugeRange>

                <CircularGaugeRange Start="0" End="@EngineValue" Radius="100%" Color="#17b75f" StartWidth="15" EndWidth="15" Position="PointerRangePosition.Inside">

                </CircularGaugeRange>


            </CircularGaugeRanges>


            <CircularGaugeAxisMajorTicks Color="red" Height="0" Width="0" Position="Position.Inside" Offset="0" Interval="@MaxEngineValue"> </CircularGaugeAxisMajorTicks>

            <CircularGaugeAxisMinorTicks Color="green" Height="0" Width="0" Position="Position.Inside" Offset="5" Interval="0"> </CircularGaugeAxisMinorTicks>



            <CircularGaugeAxisLineStyle Color="#bfbfbf" Width="0"> </CircularGaugeAxisLineStyle>



            <CircularGaugeAxisLabelStyle Position="Position.Inside" Offset="5" AutoAngle="false">

            <CircularGaugeAxisLabelFont Color="white" Size="30"></CircularGaugeAxisLabelFont>

            </CircularGaugeAxisLabelStyle>



            <CircularGaugePointers>

                <CircularGaugePointer Type="PointerType.Marker" MarkerShape="GaugeShape.Triangle" MarkerWidth="20" MarkerHeight="20" Position="PointerRangePosition.Inside" Value="@EngineValue" Radius="85%" Color="#17b75f">

                    <CircularGaugePointerAnimation Enable="false" />


                </CircularGaugePointer>

            </CircularGaugePointers>



            <CircularGaugeAnnotations>


                <CircularGaugeAnnotation Angle="0" Radius='30' ZIndex='1' Content="">

                    <ContentTemplate>

                        <div class="TextAnnotation">@EngineValue.ToString("0")</div>

                    </ContentTemplate>

                </CircularGaugeAnnotation>


                <CircularGaugeAnnotation Angle="0" Radius='-20' ZIndex='1' Content="">

                    <ContentTemplate>

                        <div class="TextAnnotationUnidades">@Units</div>

                    </ContentTemplate>

                </CircularGaugeAnnotation>


                <CircularGaugeAnnotation Angle="-40" Radius='-108' ZIndex='1' Content="">

                    <ContentTemplate>

                        <div class="TextAnnotationTitle">@Title</div>

                    </ContentTemplate>

                </CircularGaugeAnnotation>


            </CircularGaugeAnnotations>



        </CircularGaugeAxis>

    </CircularGaugeAxes>

</SfCircularGauge>




2 Replies

IR Indumathi Ravi Syncfusion Team January 12, 2024 01:04 PM UTC

Hi GtxMexico,


We can reproduce the issue - “When the Circular Gauge's axis label size is set to the percentage value, an exception is thrown”. We have considered this as a defect and logged a defect report for the same. However, we will include the fix for this issue in our weekly patch release, which is expected to be available by the end of January 2024. Meanwhile, please find the feedback link below to keep track of the reported issue.


https://www.syncfusion.com/feedback/49944



IR Indumathi Ravi Syncfusion Team February 1, 2024 11:01 AM UTC

Hi GtxMexico,


We have fixed the reported issue - ‘’ When the Circular Gauge's axis label size is set to the percentage value, an exception is thrown” and the fix is included in our Essential Studio 2023 Volume 4 SP Release V24.2.3 which is rolled out and is available for download under the following link.


Essential Studio 2023 Volume 4 Service Pack Release v24.2.3 is available for download | Announcements Forums | Syncfusion  


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Loader.
Up arrow icon