WPF 加OxyPlot 开发一个曲线图的小demo，设置最高点，最低点，平均值

最近公司要求展示一个曲线图的控件，网上查了一下，都比较推荐OxyPlot 开源的这个库，所以就研究了一下。记录一下

1.首先需要从NuGet上下载相关的NuGut包，搜索OxyPlot.Wpf，进行安装，并且我采用的mvvvmlight，顺便也一起安装了

我用的是1.0.0版本的，因为这个版本可以设置两个点连线方式为弧形，高版本设置的地方不清楚，所以就用的1.0.0版本；

2.然后再你的窗体中引用控件的PlotView

3.因为我这个是一个标准的曲线图，所以可以理解为一个标准的xy轴坐标系，
x轴表示底部线条axir1，
y轴表示左侧线条axir，

之前不知道怎么设置LinearAxis 为x轴，看了源码，才知道是设置Position。

            var axir1 = new LinearAxis();

            axir1.Title = "功率";
            axir1.TitlePosition = 0.5; //设置X轴名称的位置，0.5就是居中显示
            axir1.TitleFontSize = 15;  //设置X轴名称字体的大小
            axir1.MajorStep = 20;  //步进（X轴刻度）
            axir1.MinorStep = 10;  //步进（X轴刻度之间的小刻度值）
            axir1.Position = AxisPosition.Bottom; //设置为X轴

然后往model中添加两天坐标轴的值

            Model.Axes.Add(axir);
            Model.Axes.Add(axir1);

最后设置2条线的坐标points集合

            for (int i = 0; i < 20; i++)
            {
                if (i == 6)
                {
                    series1.Points.Add(new DataPoint(5 * i, 18 * i));
                }
                else
                {
                    series1.Points.Add(new DataPoint(5 * i, 8 * i));
                }
                series2.Points.Add(new DataPoint(7 * i, 40 * i));
            }

            Model.Series.Add(series1);
            Model.Series.Add(series2);

4.设置最高点，最低点，计算平均点
因为OxyPlot控件没有自带的最高点，最低点，平均值的属性，所以需要我们自己计算并且画出来，我是利用OxyPlot.Annotations（注解）来搞的。

其实就是相当于在控件上面盖了一层蒙板，可以在上面通过代码的形式，构造点，线，面等所需要的功能，例如我这次构造了点线的功能，后续如果要构造一个inage（图片），那就可以依样画葫芦。New 一个ImageAnnotation,设置相关参数即可。

//画平均线
                        var lineAnnotation_avg = new OxyPlot.Annotations.LineAnnotation();
                        lineAnnotation_avg.Type = OxyPlot.Annotations.LineAnnotationType.Horizontal;
                        lineAnnotation_avg.Color = OxyPlot.OxyColors.LightBlue;
                        //lineAnnotation_Max.Color = OxyPlot.OxyColor.Parse("#ffffff00");
                        lineAnnotation_avg.LineStyle = OxyPlot.LineStyle.Solid;
                        var max = line.Points.OrderByDescending(r => r.Y).FirstOrDefault();
                        var min = line.Points.OrderBy(r => r.Y).FirstOrDefault();
                        var av = (max.Y + min.Y) / 2;
                        lineAnnotation_avg.Y = av;
                        lineAnnotation_avg.FontSize = 15;
                        lineAnnotation_avg.Text = $"{line.Title}平均值：{av}";
                        model.Annotations.Add(lineAnnotation_avg);

                        //画最大值
                        var Max = new OxyPlot.Annotations.PointAnnotation();
                        Max.Fill = OxyPlot.OxyColors.Red;
                        Max.X = max.X;
                        Max.Y = max.Y;
                        Max.Text = $"{line.Title}最大值：{Math.Round(Max.Y,2)}";
                        Max.ToolTip = $"{line.Title}最大值：{Math.Round(Max.Y, 2)}";
                        //Max.TextPosition = new DataPoint(Max.X, Max.Y + 35);
                        Max.FontSize = 14;
                        Max.StrokeThickness = 3;
                        model.Annotations.Add(Max);

部分公开属性参考连接：OxyPlotm.wpf公开属性

附上demo代码地址：wpf+OxyPlotm的Demo