WPF Gauge中的動態值

Question

我是WPF和C＃的新手，但由於這個社區我很快就接受了。我試圖從活動圖表中實現一個角度測量儀到我的項目中。如果只有一個綁定值並且其餘值固定，如下例所示：（https://lvcharts.net/App/examples/v1/wpf/Angular%20Gauge）。

有人可以幫我調整我的代碼，以使其動態？而不是固定值FromValue：ToValue：我想將它們綁定到我的數據庫中的值或根據我的目標計算它們。所有的建議都比歡迎。

這裏就是我有這麼遠，工作原理：

XAML：

<lvc:AngularGauge Value="{Binding Value}" FromValue="0" Grid.Column="1" ToValue="250" 
     LabelsStep="50" TicksStep="25" Wedge="300" 
     TicksForeground="White" Foreground="WhiteSmoke" 
     FontWeight="Bold" FontSize="16" 
     SectionsInnerRadius=".6" Width="310"> 
    <lvc:AngularGauge.Sections> 
     <lvc:AngularSection FromValue="0" ToValue="62.5" Fill="#dd5143"/> 
     <lvc:AngularSection FromValue="62.5" ToValue="125" Fill="#e68523"/> 
     <lvc:AngularSection FromValue="125" ToValue="187.5" Fill="#edb220"/> 
     <lvc:AngularSection FromValue="175" ToValue="250" Fill="#7cb82f"/> 
    </lvc:AngularGauge.Sections> 
</lvc:AngularGauge> 

C＃：

namespace Car_App 

    public partial class MainWindow : MetroWindow 
    { 
     private double _value; 

     public MainWindow() 
     { 
      InitializeComponent(); 

      string connectionString = "datasource=xx.xx.xxx.xxx;port=xxxx;username=xxxx;password=xxx"; 
      string sMonth = DateTime.Now.ToString("MM"); 
      string sYear = DateTime.Now.ToString("yyyy"); 

      MySqlConnection connection = new MySqlConnection(connectionString); 

      MySqlCommand cmd = new MySqlCommand("Select * from Table.MyTable where MONTH(Date) = @sMonth AND YEAR(Date) = @sYear", connection); 
      MySqlCommand sCarCT = new MySqlCommand("Select TotalCarCount from Table.CarTotals where sMonth = @sMonth", connection); 
      MySqlCommand target = new MySqlCommand("Select Target from Table.Targets where Location = 'xxxxx'", connection); 

      try 
      { 
      connection.Open(); 
       cmd.Parameters.Add(new MySqlParameter("sMonth", sMonth)); 
       cmd.Parameters.Add(new MySqlParameter("sYear", sYear)); 
       sCarCT.Parameters.Add(new MySqlParameter("sMonth", sMonth)); 

       DataTable dt = new DataTable(); 
       dt.Load(cmd.ExecuteReader()); 
       dtGrid.DataContext = dt; 

       Value = double.Parse(sCarCT.ExecuteScalar().ToString()); 
       DataContext = this; 

      } 

      catch (Exception ex) 
      { 
       MessageBox.Show(ex.Message); 
      } 
      connection.Close(); 
     } 

     public double Value 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 
      } 
     } 

    } 

我想什麼來實現，但不工作（我知道這沒有工作的機會，但我希望有人能幫我正確地改寫它）：

XAML：

<lvc:AngularGauge Value="{Binding Value}" FromValue="0" Grid.Column="1" ToValue="{Binding ValueT}" 
     LabelsStep="50" TicksStep="25" Wedge="300" 
     TicksForeground="White" Foreground="WhiteSmoke" 
     FontWeight="Bold" FontSize="16" 
     SectionsInnerRadius=".6" Width="310"> 
    <lvc:AngularGauge.Sections> 
     <lvc:AngularSection FromValue="0" ToValue="{Binding Value25}" Fill="#dd5143"/> 
     <lvc:AngularSection FromValue="{Binding Value25}" ToValue="{Binding Value50}" Fill="#e68523"/> 
     <lvc:AngularSection FromValue="{Binding Value50}" ToValue="{Binding Value75}" Fill="#edb220"/> 
     <lvc:AngularSection FromValue="{Binding Value75}" ToValue="{Binding ValueT}" Fill="#7cb82f"/> 
    </lvc:AngularGauge.Sections> 
</lvc:AngularGauge> 

C＃：

namespace Car_App 

    public partial class MainWindow : MetroWindow 
    { 
     private double _value; 

     public MainWindow() 
     { 
      InitializeComponent(); 

      string connectionString = "datasource=xx.xx.xxx.xxx;port=xxxx;username=xxxx;password=xxx"; 
      string sMonth = DateTime.Now.ToString("MM"); 
      string sYear = DateTime.Now.ToString("yyyy"); 

      MySqlConnection connection = new MySqlConnection(connectionString); 

      MySqlCommand cmd = new MySqlCommand("Select * from Table.Car where MONTH(Date) = @sMonth AND YEAR(Date) = @sYear", connection); 
      MySqlCommand sCarCT = new MySqlCommand("Select TotalCarCount from Table.CarTotals where sMonth = @sMonth", connection); 
      MySqlCommand target = new MySqlCommand("Select Target from Table.Targets where Location = 'xxxxx'", connection); 

      try 
      { 
      connection.Open(); 
       cmd.Parameters.Add(new MySqlParameter("sMonth", sMonth)); 
       cmd.Parameters.Add(new MySqlParameter("sYear", sYear)); 
       sCR.Parameters.Add(new MySqlParameter("sMonth", sMonth)); 


       DataTable dt = new DataTable(); 
       dt.Load(cmd.ExecuteReader()); 
       dtGrid.DataContext = dt; 


       Value = double.Parse(sCarCT.ExecuteScalar().ToString()); 

       ValueT = double.Parse(target.ExecuteScalar().ToString()); 

       Value75 = ValueT - ValueT*25%; 

       Value50 = ValueT - ValueT*50%; 

       Value25 = ValueT - ValueT*75%;  

       DataContext = this.Value, this.ValuT, this.Value25, this.Value50, this.Value75; 


      } 

      catch (Exception ex) 
      { 
       MessageBox.Show(ex.Message); 
      } 
      connection.Close(); 
     } 


     public double Value 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 
      } 
     } 

     public double ValueT 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 

      } 
     } 

     public double Value75 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 
      } 
     } 

     public double Value50 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 
      } 
     } 

     public double Value25 
     { 
      get { return _value; } 
      set 
      { 
       _value = value; 
      } 
     } 

    } 

Answer 1

我不熟悉這個特定的庫，但看source code表明FromValue和ToValue屬性依賴屬性使它們結合到一個值是可能的。看起來它可能只是一個你沒有實現價值屬性的問題，如DependencyProperty。

嘗試實行類似於這樣你的屬性：

public static readonly DependencyProperty Value25Property = DependencyProperty.Register(
    "Value25", 
    typeof(double), 
    typeof(MainWindow)); 

public double Value25 
{ 
    get { return (double) GetValue(Value25Property); } 
    set { SetValue(Value25Property, value); } 
}