How to create a ScottPlot WPF control using MVVM pattern

Feature Suggestion

Feature description: IPlottable to implement the INotifyPropertyChanged interface

Code example: If applicable, use this space to demonstrate how you wish the new feature could be used in code.

    /// IPlottable interface implementing INotifyPropertyChanged
    public interface IPlottable : INotifyPropertyChanged
    {
        bool IsVisible { get; set; }
        void Render(PlotDimensions dims, System.Drawing.Bitmap bmp, bool lowQuality = false);

        int XAxisIndex { get; set; }
        int YAxisIndex { get; set; }

        /// <summary>
        /// Returns items to show in the legend. Most plottables return a single item. in this array will appear in the legend.
        /// Plottables which never appear in the legend can return null.
        /// </summary>
        LegendItem[] GetLegendItems();

        /// <summary>
        /// Return min and max of the horizontal and vertical data contained in this plottable.
        /// Double.NaN is used for axes not containing data.
        /// </summary>
        /// <returns></returns>
        AxisLimits GetAxisLimits();

        /// <summary>
        /// Throw InvalidOperationException if ciritical variables are null or have incorrect sizes. 
        /// Deep validation is slower but also checks every value for NaN and Infinity.
        /// </summary>
        void ValidateData(bool deep = false);
    }

    /// avoid redundant code
    public abstract class PropertyNotifier : INotifyPropertyChanged
    {
        public PropertyNotifier() : base() { }

        [field: NonSerialized]
        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    /// <summary>
    /// The scatter plot renders X/Y pairs as points and/or connected lines.
    /// Scatter plots can be extremely slow for large datasets, so use Signal plots in these situations.
    /// </summary>
    public class ScatterPlot : PropertyNotifier, IPlottable, IHasPoints, IHasLine, IHasMarker, IHighlightable, IHasColor
    {
        // data
        private double[] xs;
        public double[] Xs { get => xs; private set { xs = value; OnPropertyChanged(); } }
        private double[] ys;
        public double[] Ys { get => ys; private set { ys = value; OnPropertyChanged(); } }
        private double[] xError;
        public double[] XError { get => xError; private set { xError = value; OnPropertyChanged(); } }
        private double[] yError;
        public double[] YError { get => yError; private set { yError = value; OnPropertyChanged(); } }

       //... 
    }

The extension of the IPlottable interface brings the option to write an UserControl supporting MVVM at least for the single plottables (currently doing this & willing to share the finished UC). For axes and plot MVVM, I need to check where the PropertyNotifier is needed.

Best Regards, Chris

[ChrisCC6]

Hi Scott,

thank you for your quick reply. Give me a little time, I’m working on it… 😉

Best Regards Chris

[ChrisCC6]

Hi @swharden,

I implemented the INotifyPropertyChanged interface, extended the WPF control and made a couple of changes to fit the MVVM pattern. Do you want to take a look:https://github.com/ChrisCC6/ScottPlot.

Maybe just download the code and try the MVVM example…

Best Regards, Chris