绑定数据集到图表

Question

我有一个数据表，我想要绑定到图表的2列。 Visifire示例显示使用observablecollection的示例，但我不知道如何将datatable与observablecollection关联（我认为这是我的问题）。我创建了一个可视化样本。我正在使用Visifire作为图表。

public MainWindow() 
    { 
     InitializeComponent(); 

     dtBandwidth = dsBandwidth.Tables.Add(); 
     dtBandwidth.Columns.Add("ID", typeof(int)); 
     dtBandwidth.Columns.Add("Time", typeof(double)); 
     dtBandwidth.Columns.Add("Value", typeof(double)); 

     dataGrid1.ItemsSource = dtBandwidth.DefaultView; 

     DataSeries ds = new DataSeries(); 
     ds.RenderAs = RenderAs.Line; 
     ds.DataSource = dtBandwidth???; //i know this is wrong. what should i do? 
     DataMapping dm = new DataMapping(); 
     dm.MemberName = "XValue"; 
     dm.Path = "Time"; 
     ds.DataMappings.Add(dm); 
     dm = new DataMapping(); 
     dm.MemberName = "YValue"; 
     dm.Path = "Value"; 
     ds.DataMappings.Add(dm); 

     chart1.Series.Add(ds); 
     chart1.DataContext = dtBandwidth???; //i know this is wrong. what should i do? 

    } 

    private void button1_Click(object sender, RoutedEventArgs e) 
    { 
     dtBandwidth.Rows.Add(1, 1.0, 5.2); 
     dtBandwidth.Rows.Add(2, 2.1, 5.1); 
     dtBandwidth.Rows.Add(3, 3.2, 5.3); 
     dtBandwidth.Rows.Add(4, 4.3, 5.4); 
     dtBandwidth.Rows.Add(5, 5.4, 5.5); 
    } 

这里是xaml。

<Grid> 
    <DataGrid AutoGenerateColumns="True" Height="311" HorizontalAlignment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="143" /> 
    <my:Chart HorizontalAlignment="Left" Margin="149,0,0,0" Name="chart1" VerticalAlignment="Top" Height="311" Width="354" /> 
    <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="186,328,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" /> 
</Grid> 

我曾尝试要求在官方的Visifire论坛，但支持的人只是普通懒惰（这跟我看样品时，我没有告诉他们我已经看样品。另外，部分代码从样本中复制）。

这种事情让我想沟通visifire并寻找替代品，最好有良好的文档和支持。任何建议都是值得欢迎的。

Answer 1

http://www.visifire.com/silverlight_examples_details.php?id=10

如果你看看上面的例子可以看到DataSeries的是DataSource属性设置为网格的ItemsSource这不过是一个集合（价值类的ObservableCollection）。

数据源= “{绑定的ItemsSource，的ElementName = MyGrid}”

所以你需要设置DataSeries的DataSource属性为行的集合（只是一个表）。

ds.DataSource = dtBandwidth.Tables [0] .DefaultView;

签出下面的示例代码。

/// <summary> 
/// Interaction logic for MainWindow.xaml 
/// </summary> 
public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

     DataSet dtBandwidth = new DataSet(); 
     dtBandwidth.Tables.Add("BandWidth"); 
     dtBandwidth.Tables[0].Columns.Add("ID", typeof(int)); 
     dtBandwidth.Tables[0].Columns.Add("Time", typeof(double)); 
     dtBandwidth.Tables[0].Columns.Add("Value", typeof(double)); 

     dtBandwidth.Tables[0].Rows.Add(new object[] { 2, 1, 5 }); 
     dtBandwidth.Tables[0].Rows.Add(new object[] { 2, 2, 25 }); 

     DataSeries ds = new DataSeries(); 
     ds.RenderAs = RenderAs.Line; 

     ds.DataSource = dtBandwidth.Tables[0].DefaultView; 

     DataMapping dm = new DataMapping(); 
     dm.MemberName = "XValue"; 
     dm.Path = "Time"; 
     ds.DataMappings.Add(dm); 
     dm = new DataMapping(); 
     dm.MemberName = "YValue"; 
     dm.Path = "Value"; 
     ds.DataMappings.Add(dm); 

     chart1.Series.Add(ds); 

    } 
} 

XAML：

<Window x:Class="WpfApplication3.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="350" Width="525" 
     xmlns:vc="clr-namespace:Visifire.Charts;assembly=WPFVisifire.Charts"> 
    <Grid> 
     <vc:Chart Name="chart1" Width="500" Height="300" Padding="10,10" Margin="10,0" AnimatedUpdate="True"> 
    </vc:Chart> 
</Grid>