绑定到DevExpress StockSeries2D图表
本文关键字:图表 StockSeries2D DevExpress 绑定 | 更新日期: 2023-09-27 18:21:46
我正试图将ViewModel中的ObservableCollection数据绑定到视图中的Devexpress 2D股票图。我知道虚拟机绑定了View的DataContext,因为我将窗口的Title绑定到了虚拟机中的一个属性,并且在运行程序时它是正确的。集合被正确地实例化了,我可以看到所有的对象都被创建了,都有值,并被添加到集合中。
图表信息就是没有显示。图表没有显示应该绑定到它的信息。我猜它与XAML中的一行有关,但我不知道它是什么。
以下是输出的错误:
System.Windows.Data错误:40:BindingExpression路径错误:在"object"ChartElementPanel"上找不到"Snapshots"属性(名称='')'。BindingExpression:Path=DataContext.Snapshots;DataItem='ChartElementPanel'(名称='');目标元素是"StockSeries2D"(哈希代码=24500892);目标属性为"DataSource"(类型"对象")
DevExpress版本为10.1.9
编辑:我想我知道问题出在哪里。StockSeries2D DataContext=DevExpress.Xpf.Charts.ChartElementPanel所以当我使用时
DataSource="{Binding Path=DataContext.Snapshots}"
它实际上指向DevExpress.Xpf.Charts.ChartElementPanel,由于它不包含快照属性,因此引发了错误。
XAML:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="200" />
<RowDefinition Height="50" />
</Grid.RowDefinitions>
<dxc:ChartControl Name="chartControl1">
<dxc:ChartControl.Diagram>
<dxc:XYDiagram2D>
<dxc:XYDiagram2D.Series>
<dxc:StockSeries2D DataSource="{Binding DataContext.Snapshots}" HighValueDataMember="High" LowValueDataMember="Low" CloseValueDataMember="Last" ArgumentScaleType="DateTime" ArgumentDataMember="TimeStamp">
<dxc:StockSeries2D.PointOptions>
<dxc:PointOptions dxc:FinancialSeries2D.ValueToDisplay="HighValue" />
</dxc:StockSeries2D.PointOptions>
<dxc:StockSeries2D.Model>
<dxc:ArrowsStock2DModel />
</dxc:StockSeries2D.Model>
</dxc:StockSeries2D>
</dxc:XYDiagram2D.Series>
<!--Region #Axis X-->
<dxc:XYDiagram2D.AxisX>
<dxc:AxisX2D>
<dxc:AxisX2D.DateTimeOptions>
<dxc:DateTimeOptions Format="ShortTime" />
</dxc:AxisX2D.DateTimeOptions>
</dxc:AxisX2D>
</dxc:XYDiagram2D.AxisX>
<!-- End Rgion -->
<!-- region #AxisY -->
<dxc:XYDiagram2D.AxisY>
<dxc:AxisY2D>
<dxc:AxisY2D.Range>
<dxc:AxisRange dxc:AxisY2D.AlwaysShowZeroLevel="False" />
</dxc:AxisY2D.Range>
</dxc:AxisY2D>
</dxc:XYDiagram2D.AxisY>
<!--End Rgion-->
</dxc:XYDiagram2D>
</dxc:ChartControl.Diagram>
</dxc:ChartControl>
</Grid>
ViewModel:
public class MainWindowViewModel : INotifyPropertyChanged
{
ObservableCollection<ISnapShot> _snapShots;
string _windowTitle;
public MainWindowViewModel()
{
_snapShots = new ObservableCollection<ISnapShot>();
LoadSnapshots();
WindowTitle = Snapshots.First().Symbol;
}
public ObservableCollection<ISnapShot> Snapshots
{
get { return _snapShots; }
}
public String WindowTitle
{
get { return _windowTitle; }
set { _windowTitle = value; OnPropertyChanged("WindowTitle"); }
}
private void AddSnapshot(ISnapShot snapshot)
{
_snapShots.Add(snapshot);
}
private void LoadSnapshots()
{
int counter = 0;
while (counter < 5)
{
ISnapShot s = new Snapshot()
{
TimeStamp = DateTime.Now,
Symbol = "XYZ",
High = (counter + 1) * 5,
Low = (counter + 1) * 2,
Last = (counter + 1) * 3
};
_snapShots.Add(s);
counter++;
Thread.Sleep(1000);
}
}
public event PropertyChangedEventHandler PropertyChanged;
void OnPropertyChanged(string prop)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(prop));
}
}
视图:
public partial class MainWindow : Window
{
private MainWindowViewModel _vm;
public MainWindow(MainWindowViewModel vm)
{
InitializeComponent();
_vm = vm;
this.DataContext = _vm;
}
}
应用程序:
public partial class App : Application
{
private void OnStartup(object sender, StartupEventArgs e)
{
MainWindowViewModel vm = new MainWindowViewModel();
Views.MainWindow view = new Views.MainWindow(vm);
view.Show();
}
}
我想明白了。由于StockSeries2D的DataContext不指向Window 的DataContext
<dxc:StockSeries2D DataContext="DevExpress.Xpf.Charts.ChartElementPanel"
我需要设置DataSource以使用Window的DataContext
<dxc:StockSeries2D DataSource="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Snapshots}"