C#实现绘制面形图表的方法详解

当需要在C#中实现绘制面形图表时，可以使用以下方法：

步骤1：安装NuGet包

为了使用绘图库，需要在Visual Studio中安装NuGet包，比较常用的有：

• OxyPlot.Wpf
• Live-Charts

其中 OxyPlot.Wpf 比较常用。

可以在 Visual Studio 中通过 NuGet 包管理器搜索并安装这些包。

步骤2：引用OxyPlot控件

在需要绘制面形图表的窗口或页面中，可以通过添加一个 OxyPlot 的控件，来使用 OxyPlot 绘图库，例如：

<ox:PlotView Model="{Binding PlotModel}" />

其中 “ox” 是一个引用了 OxyPlot 命名空间的前缀，”PlotView” 是可视化控件。

步骤3：实现数据绑定

将要绘制的数据绑定到控件的 PlotModel 属性（也就是上文代码块中的 {Binding PlotModel}），可以实现数据绑定的方式有很多，以下是一种简单的例子：

public class MainViewModel
{
    public MainViewModel()
    {
        this.PlotModel = new PlotModel { Title = "面形图表" };
        this.PlotModel.Series.Add(new FunctionSeries(Math.Sin, 0, 10, 0.1));
    }

    public PlotModel PlotModel { get; set; }
}

上述代码中，创建了一个名为 MainViewModel 的类来绑定数据，新建了一个 PlotModel 对象，并添加了一个 Math.Sin 函数的 FunctionSeries 作为数据源。

步骤4：修改绘图样式

OxyPlot 支持大量的画图参数设置，可以轻松地调整面形图表的样式，例如：

var series = new AreaSeries()
{
    Color = OxyColor.Parse("#10ed89"),
    StrokeThickness = 0,
    Fill = OxyColor.Parse("#10ed89"),
    MarkerType = MarkerType.Square,
    MarkerStroke = OxyColor.Parse("#10ed89"),
    MarkerFill = OxyColor.Parse("#10ed89"),
    MarkerSize = 1.5
};
this.PlotModel.Series.Add(series);

其中，Color、StrokeThickness、Fill、MarkerType、MarkerStroke、MarkerFill 和 MarkerSize 是常用的样式属性参数。

示例1：绘制围墙

下面是一个简单的示例，绘制一个围墙，代码如下：

public void DrawFence()
{
    var pm = new PlotModel();
    pm.PlotAreaBorderThickness = new Thickness(0, 0, 0, 0);
    pm.PlotMargins = new Thickness(0, 0, 0, 0);
    pm.PlotType = PlotType.XY;
    pm.Axes.Add(new LinearAxis { Position = AxisPosition.Bottom, Minimum = 0, Maximum = 20 });
    pm.Axes.Add(new LinearAxis { Position = AxisPosition.Left, Minimum = 0, Maximum = 20 });
    pm.Background = OxyColor.Parse("#f7f7f7");
    pm.Axes[0].MajorGridlineStyle = LineStyle.Solid;
    pm.Axes[1].MajorGridlineStyle = LineStyle.Solid;

    var ps = new List<ScreenPoint>();

    int width = 20;
    int height = 10;
    int thickness = 2;

    // 上边线
    int top = height - thickness;
    for (int i = 0; i < width; i++)
    {
        ps.Add(new ScreenPoint(i, 0));
    }
    for (int i = width - 1; i >= 0; i--)
    {
        ps.Add(new ScreenPoint(i, top));
    }

    // 右边线
    int right = width - thickness;
    for (int i = top; i >= 0; i--)
    {
        ps.Add(new ScreenPoint(right, i));
    }

    // 下边线
    int bottom = thickness;
    for (int i = 0; i < width; i++)
    {
        ps.Add(new ScreenPoint(i, top + bottom));
    }

    // 左边线
    int left = thickness;
    for (int i = top + bottom; i >= top; i--)
    {
        ps.Add(new ScreenPoint(left, i));
    }

    pm.Series.Add(new AreaSeries
    {
        MarkerType = MarkerType.Circle,
        MarkerSize = 5,
        MarkerStroke = OxyColors.Black,
        Color = OxyColors.Beige,
        StrokeThickness = 0,
        Fill = OxyColors.Beige,
        Smooth = false,
        ItemsSource = ps
    });

    PlotView = new PlotView();
    PlotView.Model = pm;
}

上述代码中，首先设置了一个 PlotModel 对象 pm，并设置了其样式和坐标轴。然后，定义了四条边的坐标点，并依序连接起来。最后，通过添加一个 AreaSeries 对象，将所有的坐标点绑定到 ItemsSource 中，用于绘制围墙。

示例2：绘制多项式函数

下面这个示例将绘制一个多项式函数，代码如下：

public class MainViewModel
{
    public MainViewModel()
    {
        var x = Enumerable.Range(-50, 200).Select(i => i * 0.1);
        var y = x.Select(i => Math.Pow(i, 3));
        var x1 = Enumerable.Range(-30, 100).Select(i => i * 0.1);
        var y1 = x1.Select(i => Math.Pow(i, 2));
        var fs = new FunctionSeries(x, y);
        var fs1 = new FunctionSeries(x1, y1);
        fs.Title = "y=x^3";
        fs1.Title = "y=x^2";
        this.PlotModel = new PlotModel { Title = "绘制多项式函数" };
        this.PlotModel.Series.Add(fs);
        this.PlotModel.Series.Add(fs1);
    }

    public PlotModel PlotModel { get; set; }
}

上面代码中定义了两组数据，分别为 x 和 y，x1 和 y1。通过 FunctionSeries 注册了这两组数据并设置好属性之后，再把这个对象添加到 PlotModel 中，最后在 UI 上实现绑定就可以看到该函数的图像了。

以上就是C#实现绘制面形图表的完整攻略，通过上述方法，您可以实现更多样式的面形图表绘制。