Я пытаюсь связать ObservableCollection данных из моей ViewModel с Devexpress 2D Stock Chart в представлении. Я знаю, что VM связана с DataContext View, потому что у меня есть Title окна, связанный со свойством в VM, и он правильный, когда я запускаю программу. Коллекция инстанцируется правильно, я вижу, что все объекты созданы, имеют значения и добавляются в коллекцию.
Информация о графике просто не отображается. График отображается, но не отображается информация, которая должна быть привязана к нему. Я предполагаю, что это связано со строкой в моем XAML, но я просто не знаю, что это такое.
Вот ошибка из вывода:
System.Windows.Data Error: 40 : Ошибка пути BindingExpression: 'Snapshots' property not found on 'object' ''ChartElementPanel'' (Name='')'. BindingExpression:Path=DataContext.Snapshots; DataItem='ChartElementPanel' (Name=''); целевым элементом является 'StockSeries2D' (HashCode=24500892); целевое свойство - 'DataSource' (тип 'Object')
Версия DevExpress - 10.1.9
EDIT: Кажется, я знаю, в чем проблема. StockSeries2D DataContext = DevExpress.Xpf.Charts.ChartElementPanel Поэтому, когда я использую
DataSource="{Binding Path=DataContext.Snapshots}"
Он действительно указывает на DevExpress.Xpf.Charts.ChartElementPanel, и поскольку он не содержит свойство Snapshots, возникает ошибка.
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));
}
}
View:
public partial class MainWindow : Window
{
private MainWindowViewModel _vm;
public MainWindow(MainWindowViewModel vm)
{
InitializeComponent();
_vm = vm;
this.DataContext = _vm;
}
}
App:
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();
}
}