'Livechart gauge value not centering

I am using a gauge chart from the livecharts package. My problem is that the value text does not seem to be centred. The user has the option on what currency to display the value in so when they change the preference the text alignment moves. I have included screenshots. Does anyone know why the text alignment is changing

XAML

<lvc:Gauge x:Name="TotalExpenseGauge" Grid.Row="2" Grid.Column="0" From="0" To="{Binding gaugeTo}" Value="{Binding gaugeValue}" Height="100" Width="180" GaugeBackground="#c1c2c2" FontSize="10" HorizontalContentAlignment="Center" VerticalAlignment="Top" HighFontSize="16" LabelFormatter="{Binding FormatterGauge}">
     <lvc:Gauge.GaugeActiveFill>
         <LinearGradientBrush>
             <GradientStop Offset="0.0" Color="#FC5C7D" />
             <GradientStop Offset="1.0" Color="#6A82FB" />
         </LinearGradientBrush>
     </lvc:Gauge.GaugeActiveFill>
</lvc:Gauge>

Screenshots:

Showing in pounds - More to the Left

Showing in euros - More to the right

c++sharpwpflivecharts


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions