I have a wpf window that has a Gradient background.

I am trying to make a plot that shows the background gradient through the plot.

I have tried setting both the PlotModel's Background and PlotAreaBackground to transparent, but it just doesn't work. The plot always has a White Background.

Is it not possible to have transparent background on an OxyPlot?

Try to set it in XAML on Plot element:
Background="Transparent"

Exactly what i needed to do.... Thanks a lot.

Hi,
I have a multipage tiff video (8 bit grayscale), I would like to show the frames in OxyPlot WPF plot control.

I am using libtfff.net to read the multipage tiff, all data are stored in a byte[] buf array; now the problem is that I do not know how to use this array with ImageAnnotation, sorry for the noob question, is there a way?

This is my code

            // open a tiff
            Tiff tiff = Tiff.Open("merged8bit.tif", "r");

            // read tiff image
            FieldValue[] value = tiff.GetField(TiffTag.IMAGELENGTH);
            int imageLength = value[0].ToInt();

            Bitmap bitmap = new Bitmap(tiff.ScanlineSize(), imageLength, System.Drawing.Imaging.PixelFormat.Format32bppArgb);

            byte[] buf = new byte[tiff.ScanlineSize()];

            for (int row = 0; row < imageLength; row++)
            {
                tiff.ReadScanline(buf, row);
                for (int col = 0; col < tiff.ScanlineSize(); col++)
                {
                    bitmap.SetPixel(col, row, System.Drawing.Color.FromArgb(0, buf[col], buf[col], buf[col]));
                }
            }

            // create a model
            PlotModel model = new PlotModel();
            Plot.Model = model;

            model.Title = "TIFF";

            LinearAxis 
                axisX = new LinearAxis(),
                axisY = new LinearAxis();
            axisX.Position = AxisPosition.Bottom;

            model.Axes.Add(axisX);
            model.Axes.Add(axisY);

            ImageAnnotation image = new ImageAnnotation();
            image.HorizontalAlignment = OxyPlot.HorizontalAlignment.Left;
            image.VerticalAlignment = OxyPlot.VerticalAlignment.Top;

            MemoryStream stream = new MemoryStream();
            bitmap.Save(stream, System.Drawing.Imaging.ImageFormat.Bmp);

            // Exception: invalid format
            image.ImageSource = new OxyImage(stream);

            model.Annotations.Add(image);

            stream.Close();
            tiff.Close();

Thanks a lot for any help :)

I have found a solution: HeatMapSeries... but the rendering speed is bad and I have a problem in visualization (I need to 'transpose' the final plot). I hope there is another solution.

            // open a tiff
            Tiff tiff = Tiff.Open("merged8bit.tif", "r");

            // read tiff image
            FieldValue[] value = tiff.GetField(TiffTag.IMAGELENGTH);
            int imageLength = value[0].ToInt();

            // create a model
            PlotModel model = new PlotModel();

            LinearColorAxis colorAxis = new LinearColorAxis();
            colorAxis.Position = AxisPosition.Right;
            colorAxis.LowColor = OxyColors.White;
            colorAxis.HighColor = OxyColors.White;

            var palette = OxyPalette.Interpolate(255, OxyColors.Black, OxyColors.White);
            colorAxis.Palette = palette;

            model.Axes.Add(colorAxis);

            var heatMapSeries1 = new HeatMapSeries();
            heatMapSeries1.X0 = 0;
            heatMapSeries1.Y0 = tiff.ScanlineSize();
            heatMapSeries1.X1 = imageLength;
            heatMapSeries1.Y1 = 0;
            heatMapSeries1.Interpolate = false;
            heatMapSeries1.Data = new Double[imageLength, tiff.ScanlineSize()];

            byte[] buf = new byte[tiff.ScanlineSize()];

            for (int row = 0; row < imageLength; row++)
            {
                tiff.ReadScanline(buf, row);
                Parallel.For(0, tiff.ScanlineSize(), col =>
                {
                    heatMapSeries1.Data[row, col] = buf[col];
                });
            }

            model.Title = "TIFF";

            LinearAxis 
                axisX = new LinearAxis(),
                axisY = new LinearAxis();
            axisX.Position = AxisPosition.Bottom;

            model.Axes.Add(axisX);
            model.Axes.Add(axisY);

            model.Series.Add(heatMapSeries1);

            model.PlotType = PlotType.Cartesian;

            Plot.Model = model;

            tiff.Close();

I think it is best to use the OxyImage solution. Can you try saving the image data to PNG instead? BMP may not be fully implemented.
And make sure the MemoryStream is positioned at the start when you pass the stream to the constructor. Consider using the OxyImage(byte[]) constructor instead.

Hi,
sorry for late reply, it is working :) the problem was about seek in MemoryStream (the fix is stream.Seek(0, SeekOrigin.Begin)) like you mentioned.

P.S.
Sometimes an exception occours at image.ImageSource = new OxyImage(stream);Is it a bug?

The exception is:
System.ArgumentOutOfRangeExcpetion
"Index was out of range. Must be non-negative and less than the size of the collection.\r\nParameter name: startIndex"}

Hi,
I'm developing an application that uses both mouse and touch. I noticed however that there is not currently possible to fire an event that informs a LineSeries/Annotation has been tapped using touch. Or at least it doesn't work for me.

Is there any chance to see TouchDown event on LineSeries/Annotation in the nearest future (in addition to MouseDown)? Or is there maybe a workaround to have touch tap being treated as MouseDown?

Thank you very much in advance!

This is a good idea, I added issue https://oxyplot.codeplex.com/workitem/10114

Hi,
I tried to change the color of selected points in ScatterSeries but nothing is changing (I started from the examples online).

What is wrong with my code?

           Model.SelectionColor =
                OxyColors.Aqua;

            // create scatter
            Scatter =
                new ScatterSeries();

            // set scatter
            Scatter.MarkerType =
                MarkerType.Cross;

            Scatter.MarkerStroke =
                OxyColors.Black;

            Scatter.MarkerType = 
                MarkerType.Diamond;

            Scatter.MarkerFill =
                OxyColors.Red;

            Scatter.BinSize = 
                8;
            Scatter.SelectionMode = 
                SelectionMode.Multiple;

            foreach(var keyPoint in listKPoints)
            {
                Scatter.Points.Add(
                    new ScatterPoint()
                    {
                        X = keyPoint.X,
                        Y = keyPoint.Y,
                        Size = SizeMarker
                    }
                );
            }

            // add scatter to Model
            Model.Series.Add(Scatter);

Thanks for any help :)

OK fixed,
your library is great, but please, improve the examples on the web, the code showed there is not the same that I found in the full downloaded source code. On the web, the part about mouse events is totally missed xD then, to avoid misunderstanting for a newbie like me:
1) Or remove the tab 'Code' from Sliverlight example browser;
2) Or add the same code that it is in the full source code.

It is only a suggestion :) cheers

The code you see in the "Code" tab is generated automatically with the ToCode() method and it serves to share the visual plot. If you want the real behavior you must explore the source.

OK thanks :)