Display multiple oxyplot charts c# wpf

Question

I have two oxyplot charts (a lineseries and a rectanglebarseries) in my project. However, I can only display one of them at the same time. I know it is because of how I set the DataContext, but I do not know how to change my code so that both of the charts can be displayed at the same time. How can I achieve that?

The xaml-code of my mainpanel:

        <oxy:PlotView x:Name="Plot" Model="{Binding PlotModel}" Margin="171,648,407,0" Background="MistyRose"/>
        <oxy:PlotView x:Name ="Histogram" Model="{Binding HistogramModel}" Margin="445,304,78,459" Background="AliceBlue"/>

mainpanel.cs

...
    trendModel = new TrendModel("VariableName");
    DataContext = trendmodel;
    Histogram histogram = new Histogram(freq_List, axis_List);
    DateContext = histogram;

Parts of my cs-classes:

namespace ...
{
    public class Histogram : INotifyPropertyChanged
    {
    public Collection<Item> Items { get; set; }
    private PlotModel histogramModel;
    public PlotModel HistogramModel //{ get; set; }
    {
        get { return histogramModel; }
        set { histogramModel = value; OnPropertyChanged("HistogramModel"); }
    }

    public class Item
    {
        public string Label { get; set; }
        public double Value { get; set; }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    //NotifyPropertyChangedInvocator
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public Histogram(List<double> frequency, List<double> axis)
    {
        CreateRectangleBar(frequency, axis);
    }

The lineseries cs:

namespace ...
{
    public class TrendModel : INotifyPropertyChanged
    {
        private PlotModel plotModel;
        public PlotModel PlotModel
    {
        get { return plotModel; }
        set { plotModel = value; OnPropertyChanged("PlotModel"); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    //NotifyPropertyChangedInvocator
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    //Constructor
    public TrendModel(string Name)
    {
        PlotModel = new PlotModel() { Title = Name };
        SetUpModel();
    }

i'm a tad confused, from the xaml i see in your mainPanel, i'd say you already have it set up properly. all you would need to do is pass it a viewmodel that contains the PlotModel and HistoryModel, then set the datacontext to that viewmodel. — Timothy Groote
– Timothy Groote, Commented Jul 10, 2017 at 8:49
Hi @TimothyGroote! How do I set up a viewmodel? I am new to wpf and c#. Thank you for understanding. — Emelie
– Emelie, Commented Jul 10, 2017 at 8:52
Basically, a viewmodel is just a class, like your TrendModel. in WPF, it may or may not notify the framework of changing dependency properties using constructs like INotifyPropertyChanged — Timothy Groote
– Timothy Groote, Commented Jul 10, 2017 at 8:59

mm8 · Accepted Answer · 2017-07-10 09:26:51Z

1

Set the DataContext property of each PlotView:

trendModel = new TrendModel("VariableName");
Plot.DataContext = trendmodel;

Histogram histogram = new Histogram(freq_List, axis_List);
Histogram.DateContext = histogram;

Or define the PlotModel and HistogramModel properties in the same view model class and set the DataContext property of the view to an instance of this class.

answered Jul 10, 2017 at 9:26

mm8

170k10 gold badges70 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Emelie Over a year ago

Hi mm8, I do not seem to have a DataContext property for my viewmodels. Plot.DataContext and Histogram.DataContext gives the error: myNameSpace.myClass does not contain a definition for DataContext. Should I add something to my classes? Thank you!

mm8 Over a year ago

These are the names of the controls in your view: x:Name="Plot". You should probably rename these to something different than the names of your types.

Emelie Over a year ago

Oh. THANK YOU! It works perfectly now and I have changed the names to something less confusing!

Timothy Groote · Accepted Answer · 2017-07-10 08:57:48Z

1

You should put both the models that are passed to the oxyplot renderers in a separate viewmodel, then use that as the datacontext for your mainPanel.

something like this :

//you might want to implement INotifyPropertyChanged for viewmodel classes. 
//i did not do so in this example.
public class MainPanelViewmodel 
{
   public TrendModel PlotModel { get; set; }
   public Histogram HistogramModel { get; set; }
}

Basically, the rest should go like this :

MainPanelViewmodel vm = new MainPanelViewmodel()
{
    PlotModel  = new TrendModel("VariableName"),
    HistogramModel = new Histogram(freq_List, axis_List)
}

DataContext = vm;

answered Jul 10, 2017 at 8:57

Timothy Groote

8,69229 silver badges53 bronze badges

Collectives™ on Stack Overflow

Display multiple oxyplot charts c# wpf

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related