I'm using OxyPlot for animating a simple sinusoidal motion:

    void ViewMotion()
    {
        foreach (File item in LoadedFiles())
        {
            LineSeries skeleton = new LineSeries();
            skeleton.MarkerType = MarkerType.Circle;
            skeleton.MarkerSize = 10;

            AnimationPlot.Series.Add(skeleton );

            var worker = new BackgroundWorker { WorkerSupportsCancellation = true };

            foreach (Channel node in item.ChannelAnim)
            {
                double x = 0;
                worker.DoWork += (s, e) =>
                {
                    while (!worker.CancellationPending)
                    {
                        x += 0.02;
                        if (skeleton.Points.Count > 0)
                        {
                            skeleton.Points.Remove(ss.Points.First());
                        }

                        skeleton.Points.Add(new DataPoint(50, 50 + (30 + x) * Math.Sin(x)));
                        AnimationPlot.RefreshPlot(true);
                        MessageBox.Show("");
                        Thread.Sleep(25);

                    }
                };

            }
            worker.RunWorkerAsync();


        }
    }

Basically is just a dot going up and down. The problem that the event only triggers once, so I don't see a motion but the initial position. It's not a binding problem, it is something wrong with the event. I've tried changing the order but without success.

By the way, this is working correctly: (Two dots going up and down)

 ScatterSeries ss = new ScatterSeries();
    ScatterSeries ss2 = new ScatterSeries();
    public void TemporalMethod(object param)
    {
        ss.MarkerType = MarkerType.Circle;
        ss.MarkerSize = 20;
        ss.MarkerFill = OxyColors.Violet;
        MyModel.Series.Add(ss);

        ss2.MarkerType = MarkerType.Triangle;
        ss2.MarkerSize = 20;
        ss2.MarkerFill = OxyColors.Green;
        MyModel.Series.Add(ss2);

        var worker = new BackgroundWorker { WorkerSupportsCancellation = true };
        double x = 0;
        double y = 0;

        worker.DoWork += (s, e) =>
        {
            while (!worker.CancellationPending)
            {
                x += 0.02;
                y += 0.001;
                if (ss.Points.Count > 0)
                {
                    ss.Points.Remove(ss.Points.First());
                }
                if (ss2.Points.Count > 0)
                {
                    ss2.Points.Remove(ss2.Points.First());
                }

                ss.Points.Add(new DataPoint(50, 50 + (30 + x) * Math.Sin(x)));
                ss2.Points.Add(new DataPoint(55, 50 + 30 * Math.Sin(x + y)));
                MyModel.RefreshPlot(true);

                Thread.Sleep(25);
            }
        };

        worker.RunWorkerAsync();
    }

EDIT: The solution is pretty dumb, I mistakenly wrote

                            if (skeleton.Points.Count > 0)
                        {
                            skeleton.Points.Remove(ss.Points.First());
                        }

instead of:

                            if (skeleton.Points.Count > 0)
                        {
                            skeleton.Points.Remove(skeleton.Points.First());
                        }

I don't know why but I haven't got any errors.

What are the causes for an update to an oxyplot freezing the UI?

Not only OxyPlot, but everything will freeze your UI if you do not use a separate Thread for performing that operation. I think this can be done in OxyPlot using

InvalidatePlot(true);

instead of

RefreshPlot(true);

You may like to take a look at Threads and BackgroundWorker.

It is exactly this call that is temporarily freezing the UI. The function which updates my plots ItemsSource and calls InvalidatePlot(true) is already running on a separate thread. I have no idea what i'm doing wrong! :(

Its

public void Update(bool updateData = true)

in PlotModel.cs. This is running on the main thread - updating thousands of points. How can I make this update run on a separate thread?

Hi, last week I succesfully implemented the MfA variant from OxyPlot in my Android application using Xamarin.
This week I started working on the iOS version, but I'm not able to deploy the MonoTouch Demo to my iOS-simulator on my Mac.
I've tried to implement it into my iOS app but the app won't run after I've implemented it either.

This is the error I'm getting:

Log generated on 29-10-2013 13:33:37

Operation failed (Build Server)
Operation status: Operation failed
HTTP status: 200 (No error)
OK
Build server returned an error.
Failed to debug MonoTouchDemo

Does/Did anyone have the same problem, or does anyone have a solution to this?

This seems to be a Xamarin/Visual Studio related issue.

Hi Objo,
While testing, I found an issue where i added a series into a dictionary as key and later retrieve it using the series as a key. Exception is thrown claiming no such key.

After some digging of this weird behaviour, i believe it comes down to the a new added gethashcode override method in PlotElememt.

public override int GetHashCode()
        {
            // Get the values of all properties in the object (this is slow, any better ideas?)
            var propertyValues = this.GetType().GetProperties().Select(pi => pi.GetValue(this, null));
            return propertyValues.GetHashCode();
        }

I can't tell whats wrong with this method of using reflection to retrieve properties value, but a simple test shows that this is not working.

LineSeries series = new LineSeries();
int hash1 = series.GetHashCode();
int hash2 = series.GetHashCode(); // different hash returned...

Any idea? thanks!

I would add a ScatterSeries for the markers. The ScatterSeries class has more options for the markers. I don't think there should be more marker features in the LineSeries.

Thanks for the tip. A ScatterSeries would work, except I need mouse events on the series to be enabled.

I ended up implementing a custom LineSeries. I re-defined the MarkerFill & MarkerStroke properties, so that setting them here doesn't enable markers in the base class.

    public class MarkerLineSeries : LineSeries
    {
        public IList<int> MarkerLocations { get; private set; }

        new public OxyColor MarkerFill { get; set; }

        new public OxyColor MarkerStroke { get; set; }

        public MarkerLineSeries()
            : this(string.Empty)
        {
        }

        public MarkerLineSeries(string title)
            : this(title, new Collection<int>())
        {
        }

        public MarkerLineSeries(string title, IList<int> markerLocations)
            : base(title)
        {
            MarkerLocations = markerLocations;
        }

        public override void Render(IRenderContext rc, PlotModel model)
        {
            base.Render(rc, model);
            foreach (var location in MarkerLocations)
            {
                if (location < 0 || location > Points.Count - 1) break;
                var pt = XAxis.Transform(Points[location].X, Points[location].Y, YAxis);
                rc.DrawMarker(
                    pt,
                    GetClippingRect(),
                    MarkerType,
                    MarkerOutline,
                    MarkerSize,
                    MarkerFill,
                    MarkerStroke,
                    MarkerStrokeThickness);
            }
        }
    }

Hi all,

  How could I add a arrow at the endpoint of LinearAxis?Like follows:
      ![Image](http://epaper.tianjinwe.com/cskb/images/2006-10/31/11622367346049419299632320046.jpg)
  Thank you very much~

Try to subclass LinearAxis and override the Render method. The arrow head can simply be added at the end!
I cannot open the image, but try something like this: https://gist.github.com/oeb/7419304

Thanks for reply , I will try it!

I am trying to implement touch support in the Metro version of OxyPlot.

I have added
this.ManipulationMode = ManipulationModes.Scale | ManipulationModes.TranslateX | ManipulationModes.TranslateY;
to the contructor of the Plot class. This enables the overridden Manipulation methods to be called.
I have reached the point where I have noticed that OnManipulationDelta only happens once and OnManipulationCompleted never gets called. If I comment out the Panning and Zooming code in OnManipulationDelta then the methods are called. It seems like the calls to UpdateVisuals is somehow stopping the framework from calling the OnManipulationDelta more than once as well as OnManipulationCompleted.

Any ideas why this is happening? is there a lock or something else in UpdateVisuals that is preventing the UI thread from processing the touch manipulation events, Panning and Zooming done with the mouse (via the OnPointerxx methods) seems to work fine.

thanks

Update, the culprit seems to be this.canvas.Children.Clear(); in UpdateVisuals()
see a similar problem on
http://stackoverflow.com/questions/6418899/in-windows-phone-7-manipulationdelta-event-does-not-work-as-expected
Any ideas on how to fix this?