Update gauges

samples/AvaloniaSample/Pies/AngularGauge/View.axaml

@@ -0,0 +1,28 @@
+<UserControl x:Class="AvaloniaSample.Pies.AngularGauge.View"
+             xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:lv="clr-namespace:LiveChartsCore;assembly=LiveChartsCore"
+             xmlns:lvc="using:LiveChartsCore.SkiaSharpView.Avalonia"
+             xmlns:vms="using:ViewModelsSamples.Pies.AngularGauge">
+    <UserControl.DataContext>
+        <vms:ViewModel/>
+    </UserControl.DataContext>
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="50"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+
+        <Button Grid.Row="0" Command="{Binding DoRandomChangeCommand}">Change Value</Button>
+
+        <lvc:PieChart
+            Grid.Row="1"
+            Series="{Binding Series}"
+            VisualElements="{Binding VisualElements}"
+            InitialRotation="-225"
+            MaxAngle="270"
+            MinValue="0"
+            MaxValue="100">
+        </lvc:PieChart>
+    </Grid>
+</UserControl>

samples/AvaloniaSample/Pies/AngularGauge/View.axaml.cs

@@ -0,0 +1,17 @@
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace AvaloniaSample.Pies.AngularGauge;
+
+public class View : UserControl
+{
+    public View()
+    {
+        InitializeComponent();
+    }
+
+    private void InitializeComponent()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+}

samples/AvaloniaSample/Pies/Gauge/View.axaml

@@ -29,7 +29,7 @@
         </StackPanel>
         <lvc:PieChart Grid.Column="1"
                       Series="{Binding Series}"
-                      Total="{Binding GaugeTotal}"
+                      MaxValue="{Binding GaugeTotal}"
                       MaxAngle="{Binding MaxAngle}"
                       InitialRotation="{Binding InitialRotation}"/>
     </Grid>

samples/AvaloniaSample/Pies/Gauge1/View.axaml

@@ -10,6 +10,7 @@
     <lvc:PieChart
         Series="{Binding Series}"
         InitialRotation="-90"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
     </lvc:PieChart>
 </UserControl>

samples/AvaloniaSample/Pies/Gauge2/View.axaml

@@ -11,6 +11,7 @@
         Series="{Binding Series}"
         InitialRotation="-225"
         MaxAngle="270"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
     </lvc:PieChart>
 </UserControl>

samples/AvaloniaSample/Pies/Gauge3/View.axaml

@@ -11,6 +11,7 @@
         Series="{Binding Series}"
         InitialRotation="45"
         MaxAngle="270"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
     </lvc:PieChart>
 </UserControl>

samples/AvaloniaSample/Pies/Gauge4/View.axaml

@@ -11,6 +11,7 @@
         Series="{Binding Series}"
         InitialRotation="-90"
         MaxAngle="350"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
     </lvc:PieChart>
 </UserControl>

samples/AvaloniaSample/Pies/Gauge5/View.axaml

@@ -19,7 +19,8 @@
             Grid.Row="1"
             Series="{Binding Series}"
             InitialRotation="-90"
-            Total="100"
+            MinValue="0"
+            MaxValue="100"
             MaxAngle="270"
             LegendPosition="Bottom">
         </lvc:PieChart>

samples/AvaloniaSample/Pies/Gauges/View.axaml

@@ -13,96 +13,96 @@
             <lvc:PieChart Grid.Column="0"
                           Grid.Row="0"
                           Series="{Binding Series1}"
-                          Total="{Binding GaugeTotal1}"/>
+                          MaxValue="{Binding GaugeTotal1}"/>
 
             <lvc:PieChart Grid.Column="1"
                           Grid.Row="0"
                           Series="{Binding Series2}"
                           InitialRotation="{Binding InitialRotation2}"
-                          Total="{Binding GaugeTotal2}"/>
+                          MaxValue="{Binding GaugeTotal2}"/>
 
             <lvc:PieChart Grid.Column="2"
                           Grid.Row="0"
                           Series="{Binding Series3}"
                           InitialRotation="{Binding InitialRotation3}"
-                          Total="{Binding GaugeTotal3}"/>
+                          MaxValue="{Binding GaugeTotal3}"/>
 
             <lvc:PieChart Grid.Column="3"
                           Grid.Row="0"
                           Series="{Binding Series4}"
                           InitialRotation="{Binding InitialRotation4}"
-                          Total="{Binding GaugeTotal4}"/>
+                          MaxValue="{Binding GaugeTotal4}"/>
 
             <lvc:PieChart Grid.Column="4"
                           Grid.Row="0"
                           Series="{Binding Series5}"
                           InitialRotation="{Binding InitialRotation5}"
-                          Total="{Binding GaugeTotal5}"/>
+                          MaxValue="{Binding GaugeTotal5}"/>
 
             <lvc:PieChart Grid.Column="0"
                           Grid.Row="1"
                           Series="{Binding Series6}"
                           InitialRotation="{Binding InitialRotation6}"
-                          Total="{Binding GaugeTotal6}"/>
+                          MaxValue="{Binding GaugeTotal6}"/>
 
             <lvc:PieChart Grid.Column="1"
                           Grid.Row="1"
                           Series="{Binding Series7}"
                           InitialRotation="{Binding InitialRotation7}"
-                          Total="{Binding GaugeTotal7}"/>
+                          MaxValue="{Binding GaugeTotal7}"/>
 
             <lvc:PieChart Grid.Column="2"
                           Grid.Row="1"
                           Series="{Binding Series8}"
                           InitialRotation="{Binding InitialRotation8}"
                           MaxAngle="{Binding MaxAngle8}"
-                          Total="{Binding GaugeTotal8}"/>
+                          MaxValue="{Binding GaugeTotal8}"/>
 
             <lvc:PieChart Grid.Column="3"
                           Grid.Row="1"
                           Series="{Binding Series9}"
                           InitialRotation="{Binding InitialRotation9}"
                           MaxAngle="{Binding MaxAngle9}"
-                          Total="{Binding GaugeTotal9}"/>
+                          MaxValue="{Binding GaugeTotal9}"/>
 
             <lvc:PieChart Grid.Column="4"
                           Grid.Row="1"
                           Series="{Binding Series10}"
                           InitialRotation="{Binding InitialRotation10}"
                           MaxAngle="{Binding MaxAngle10}"
-                          Total="{Binding GaugeTotal10}"/>
+                          MaxValue="{Binding GaugeTotal10}"/>
 
             <lvc:PieChart Grid.Column="0"
                           Grid.ColumnSpan="2"
                           Grid.Row="2"
                           Series="{Binding Series11}"
                           InitialRotation="{Binding InitialRotation11}"
                           MaxAngle="{Binding MaxAngle11}"
-                          Total="{Binding GaugeTotal11}"/>
+                          MaxValue="{Binding GaugeTotal11}"/>
 
             <lvc:PieChart Grid.Column="2"
                           Grid.ColumnSpan="2"
                           Grid.Row="2"
                           Series="{Binding Series12}"
                           InitialRotation="{Binding InitialRotation12}"
                           MaxAngle="{Binding MaxAngle12}"
-                          Total="{Binding GaugeTotal12}"/>
+                          MaxValue="{Binding GaugeTotal12}"/>
 
             <lvc:PieChart Grid.Column="0"
                          Grid.ColumnSpan="2"
                          Grid.Row="3"
                          Series="{Binding Series13}"
                          InitialRotation="{Binding InitialRotation13}"
                          MaxAngle="{Binding MaxAngle13}"
-                         Total="{Binding GaugeTotal13}"/>
+                         MaxValue="{Binding GaugeTotal13}"/>
 
             <lvc:PieChart Grid.Column="2"
                          Grid.ColumnSpan="2"
                          Grid.Row="3"
                          Series="{Binding Series14}"
                          InitialRotation="{Binding InitialRotation14}"
                          MaxAngle="{Binding MaxAngle14}"
-                         Total="{Binding GaugeTotal14}"/>
+                         MaxValue="{Binding GaugeTotal14}"/>
 
         </Grid>
     </ScrollViewer>

samples/BlazorSample/Pages/Hello.razor

@@ -479,13 +479,13 @@ values.Add(new(5));");
         PieChart.EasingFunction = EasingFunctions.BounceOut;
         PieChart.AnimationsSpeed = TimeSpan.FromSeconds(1.5);
 
-        var outer = 1.0;
+        var outer = 10;
         PieChart.Series = new[] { 30, 20, 15, 10, 8, 4 }
             .AsLiveChartsPieSeries((value, series) =>
             {
                 series.InnerRadius = 50;
-                series.MaxOuterRadius = outer;
-                outer = outer - 0.1;
+                series.OuterRadiusOffset = outer;
+                outer = outer - 25;
             });
 
         await JS.InvokeVoidAsync("hlElements",

samples/BlazorSample/Pages/Pies/AngularGauge.razor

@@ -0,0 +1,30 @@
+@page "/Pies/AngularGauge"
+@using LiveChartsCore.SkiaSharpView.Blazor
+@using ViewModelsSamples.Pies.AngularGauge
+
+<style>
+	.sample-wrap {
+		display: inline-block;
+		width: 600px;
+		height: 600px;
+	}
+</style>
+
+<button class="btn btn-primary" @onclick="ViewModel.DoRandomChange">
+	Update Value
+</button>
+
+<div class="sample-wrap">
+	<PieChart
+		Series="ViewModel.Series"
+        VisualElements="ViewModel.VisualElements"
+		InitialRotation="-225"
+        MaxAngle="270"
+        MinValue="0"
+        MaxValue="100">
+	</PieChart>
+</div>
+
+@code {
+	public ViewModel ViewModel { get; set; } = new();
+}

samples/BlazorSample/Pages/Pies/Gauge1.razor

@@ -13,7 +13,8 @@
 	<PieChart
 		Series="ViewModel.Series"
 		InitialRotation="-90"
-		Total="100">
+        MinValue="0"
+        MaxValue="100">
 	</PieChart>
 </div>
 

samples/BlazorSample/Pages/Pies/Gauge2.razor

@@ -14,7 +14,8 @@
 		Series="ViewModel.Series"
 		InitialRotation="-225"
         MaxAngle="270"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
 	</PieChart>
 </div>
 

samples/BlazorSample/Pages/Pies/Gauge3.razor

@@ -15,7 +15,8 @@
 		Series="ViewModel.Series"
 		InitialRotation="45"
         MaxAngle="270"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
 	</PieChart>
 </div>
 

samples/BlazorSample/Pages/Pies/Gauge4.razor

@@ -15,7 +15,8 @@
 		Series="ViewModel.Series"
 		InitialRotation="-225"
         MaxAngle="270"
-        Total="100">
+        MinValue="0"
+        MaxValue="100">
 	</PieChart>
 </div>
 

samples/BlazorSample/Pages/Pies/Gauge5.razor

@@ -19,7 +19,8 @@
 		Series="ViewModel.Series"
 		InitialRotation="-90"
         MaxAngle="270"
-        Total="100"
+        MinValue="0"
+        MaxValue="100"
 		LegendPosition="LiveChartsCore.Measure.LegendPosition.Bottom">
 	</PieChart>
 </div>