using System;

​

public partial class MainWindow : Window, INotifyPropertyChanged

{

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)

    {

        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

    }

​

    public SeriesCollection SeriesCollection

    {

        get;

        set;

    }

​

    public Func<double, string> Formatter

    {

        get;

        set;

    }

​

    private DateTime _timeStampMin;

    public DateTime TimeStampMin

    {

        get

        {

            return _timeStampMin;

        }

​

        set

        {

            if (_timeStampMin == value)

                return;

            _timeStampMin = value;

            OnPropertyChanged("TimeStampMin");

        }

    }

​

    private DateTime _timeStampMax;

    public DateTime TimeStampMax

    {

        get

        {

            return _timeStampMax;

        }

​

        set

        {

            if (_timeStampMax == value)

                return;

            _timeStampMax = value;

            OnPropertyChanged("TimeStampMax");

        }

    }

​

    public List<DataPoint> DataPoints

    {

        get;

        set;

    }

​

    public RelayCommand<PreviewRangeChangedEventArgs> XRangeChangedCommand

    {

        get;

        private set;

    }

​

    public MainWindow()

    {

        InitializeComponent();

        XRangeChangedCommand = new RelayCommand<PreviewRangeChangedEventArgs>(e => XRangeChanged(e));

        InitializeData();

        PlotGraph();

    }

​

    private void InitializeData()

    {

        var now = DateTime.Now;

        DataPoints = new List<DataPoint>{new DataPoint()

        {Value = 1, TimeStamp = now.AddMinutes(1)}, new DataPoint()

        {Value = 4, TimeStamp = now.AddMinutes(2)}, new DataPoint()

        {Value = 9, TimeStamp = now.AddMinutes(3)}, new DataPoint()

        {Value = 16, TimeStamp = now.AddMinutes(4)}, new DataPoint()

        {Value = 25, TimeStamp = now.AddMinutes(5)}, new DataPoint()

        {Value = 36, TimeStamp = now.AddMinutes(6)}, new DataPoint()

        {Value = 49, TimeStamp = now.AddMinutes(7)}, new DataPoint()

        {Value = 64, TimeStamp = now.AddMinutes(8)}, new DataPoint()

        {Value = 81, TimeStamp = now.AddMinutes(9)}, new DataPoint()

        {Value = 100, TimeStamp = now.AddMinutes(10)}, new DataPoint()

        {Value = 11 * 11, TimeStamp = now.AddMinutes(11)}, new DataPoint()

        {Value = 12 * 12, TimeStamp = now.AddMinutes(12)}, new DataPoint()

        {Value = 13 * 13, TimeStamp = now.AddMinutes(13)}, new DataPoint()

        {Value = 14 * 14, TimeStamp = now.AddMinutes(14)}, new DataPoint()

        {Value = 15 * 15, TimeStamp = now.AddMinutes(15)}, new DataPoint()

        {Value = 16 * 16, TimeStamp = now.AddMinutes(16)}, new DataPoint()

        {Value = 17 * 17, TimeStamp = now.AddMinutes(17)}, new DataPoint()

        {Value = 18 * 18, TimeStamp = now.AddMinutes(18)}, new DataPoint()

        {Value = 19 * 19, TimeStamp = now.AddMinutes(19)}, new DataPoint()

        {Value = 20 * 20, TimeStamp = now.AddMinutes(20)}, };

    }

​

    private void PlotGraph()

    {

        var mapper = Mappers.Xy<DataPoint>().X(dp => dp.TimeStamp.Ticks).Y(dp => dp.Value);

        SeriesCollection = new SeriesCollection(mapper);

        var lineSeries = new LineSeries{Values = DataPoints.AsChartValues(), Fill = Brushes.Transparent};

        SeriesCollection.Add(lineSeries);

        TimeStampMin = DataPoints.FirstOrDefault().TimeStamp;

        TimeStampMax = DataPoints.LastOrDefault().TimeStamp;

        Formatter = value => new DateTime((long)value).ToString("MM/dd/yy HH:mm:ss");

        DataContext = this;

    }

​

    public void XRangeChanged(PreviewRangeChangedEventArgs e)

    {

        TimeStampMin = DateTime.FromBinary((long)e.PreviewMinValue);

        TimeStampMax = DateTime.FromBinary((long)e.PreviewMaxValue);

    }

}