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>
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.
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.
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.
- 2 Replies
- 2 Participants
-
GB GtxMexico BackDoor
- Jan 12, 2024 04:10 AM UTC
- Feb 1, 2024 11:01 AM UTC