C1Chart for WPF初级教程：轴的动态绑定

欢迎大家来到IT世界,在知识的湖畔探索吧!

ComponentOne Studio for WPF下载>

当C1Chart在MVVM框架下应用的时候，有的时候图表不可能知道属性，到runtime才能binding。例如，C1Chart的DataSeries的ValueBinding只能在runtime设置。本文就来介绍对于MVVM模式下，C1Chart for WPF的动态轴绑定。

下面是详细的步骤：首先，创建新的WPF应用，添加下面的Sales类到工程。

 public class Sales:INotifyPropertyChanged { public Sales(string product,double salevalue,double volume) { _product = product; _salevalue = salevalue; _volume = volume; _itemvariance = (_volume /_salevalue)*100; } #region privateFields string _product; double _salevalue; double _volume; double _itemvariance; #endregion #region publicProperties public string Product { get { return _product; } set { _product = value; } } public double SaleValue { get { return _salevalue; } set { _salevalue = value; OnPropertyChanged("SaleValue"); } } public double Volume { get { return _volume; } set { _volume = value; OnPropertyChanged("Volume"); } } public double ItemVariance { get {return _itemvariance; } } #endregion #region INotifyPropertyChanged Members public event PropertyChangedEventHandler PropertyChanged; public void OnPropertyChanged(string property) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(property)); } } #endregion }

欢迎大家来到IT世界,在知识的湖畔探索吧!

其次，创建ViewModeBase类。我们会定义ChartViewModel类继承自它。

欢迎大家来到IT世界,在知识的湖畔探索吧! public class ViewModelBase:INotifyPropertyChanged { #region INotifyPropertyChanged Members public event PropertyChangedEventHandler PropertyChanged; #endregion public ViewModelBase { } protected void OnPropertyChanged(string property) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(property)); } } }

创建自定义的ChartViewModel类

 public class ChartViewModel:ViewModelBase { #region Ctor.. public ChartViewModel { _saleslist = new ObservableCollection

在这个类里，创建SalesList集合和导入数据。AxisView集合将提供不同的展示的chart series。在这个片段他们是”SaleValue”,Volume和”ItemVariance”。

下面我们创建ModelDataSeries类继承与C1Chart dataseries，设计在run time实际绑定的属性。如下的类创建了ValueNameProperty dependency property来绑定chart series。

欢迎大家来到IT世界,在知识的湖畔探索吧! public class ModelDataSeries : DataSeries { public string ValueName { get { return (string)GetValue(ValueNameProperty); } set { SetValue(ValueNameProperty, value); } } public static readonly DependencyProperty ValueNameProperty = DependencyProperty.Register("ValueName", typeof(string), typeof(ModelDataSeries), new UIPropertyMetadata(OnValueNameChanged)); static void OnValueNameChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args) { var ds = (ModelDataSeries)obj; if (string.IsNullOrEmpty(ds.ValueName)) ds.ValueBinding = null; else ds.ValueBinding = new Binding(ds.ValueName); ds.Invalidate; } }

添加相关控件

这时拖一个C1Chart和listbox到MainWindow。添加ViewMode的命名空间：xmlns:local=”
clr-namespace:DynamicAxisBinding”，给AxisView设置IListBox的temSource属性，如下是XAML：

 ItemsSource="{Binding AxisView}"

设置图表的datacontext如下：

欢迎大家来到IT世界,在知识的湖畔探索吧! DataContext="{Binding}"

给Sales类的Product域设置ChartData ItemNameBinding：

 DataContext="{Binding}"

现在我们需要添加series到图表。我们将添加ModelDataSeries如下：

欢迎大家来到IT世界,在知识的湖畔探索吧! .

以上是我们需要做的。详细的可以参考如下完成的XAML代码：

最后我们设置MainWindow的DataContext。 在Sppp.cs的Application_startup事件添加如下代码：

 private void Application_Startup(object sender, StartupEventArgs e) { DynamicAxisBinding.ViewModel.ChartViewModel vm = new ViewModel.ChartViewModel; MainWindow _win = new MainWindow; _win.DataContext = vm; _win.Show; }

运行示例，然后从listbox选择不同的视图，图表就会展示相应的视图。

PS: 关于ComponentOne，这些产品你可以关注>>

葡萄城经典UI产品惠风迎春，惊喜折扣礼品送不停！

强大工具Qt新版发布，慧都助力——解决方案大放送！

慧都科技，十三年行业经验，专注提供软件技术整体解决方案，致力打造全球最大的软件技术一站式服务平台。

慧都控件｜帮助企业打造成功软件

慧都提供全球优质控件产品/控件培训/项目定制开发/方案咨询/现场实施/项目外包/专业测试

微信ID：EVGET_Huidu

企业：｜电话：023-

扫码关注微信