Привязка к диаграмме DevExpress StockSeries2D - PullRequest
Новая
       21

Привязка к диаграмме DevExpress StockSeries2D

5 голосов
/ 28 января 2012

Я пытаюсь связать ObservableCollection данных из моей ViewModel с 2D-графиком Devexpress в представлении.Я знаю, что виртуальная машина привязана, выполняет DataContext представления, потому что у меня есть заголовок окна, связанный со свойством в виртуальной машине, и это правильно, когда я запускаю программу.Коллекция создается правильно, я вижу, что все объекты созданы, имеют значения и добавлены в коллекцию.

Информация о графике просто не отображается.Диаграмма показывает просто не ту информацию, которая должна быть с ней связана.Я предполагаю, что это связано со строкой в ​​моем XAML, но я просто не знаю, что это такое.

Вот ошибка из выходных данных:

Ошибка System.Windows.Data: 40: Ошибка пути BindingExpression: свойство 'Snapshots' не найдено в 'object' '' ChartElementPanel '(Name = '')».BindingExpression: Path = DataContext.Snapshots;DataItem = 'ChartElementPanel' (Name = '');целевой элемент - StockSeries2D (HashCode = 24500892);Свойство target - «DataSource» (тип «Object»)

Версия DevExpress - 10.1.9

РЕДАКТИРОВАТЬ: я думаю, я знаю, где проблема возникает.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));
    }
}

Просмотр: 

    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();
    }
}

1 Ответ

5 голосов
/ 31 января 2012

Я понял это.Поскольку DataContext из StockSeries2D не указывает на DataContext окна

<dxc:StockSeries2D DataContext="DevExpress.Xpf.Charts.ChartElementPanel"

, мне нужно было установить DataSource для использования DataContext окна

<dxc:StockSeries2D DataSource="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.Snapshots}"

...