电子商务网站建设方式,太原最新新闻消息,品牌网站建设 蝌蚪5小,批量修改wordpress id【 声明#xff1a;版权所有#xff0c;欢迎转载#xff0c;请勿用于商业用途。 联系信箱#xff1a;feixiaoxing 163.com】 在实际应用中#xff0c;有一种情况就是#xff0c;我们需要经常对数据进行图形化显示#xff0c;这样会比较直观一点。比如经济统计里面的同比…【 声明版权所有欢迎转载请勿用于商业用途。 联系信箱feixiaoxing 163.com】 在实际应用中有一种情况就是我们需要经常对数据进行图形化显示这样会比较直观一点。比如经济统计里面的同比、环比显示pid里面的调参结果显示传感器数据的实时显示等等这些内容都是软件开发中很重要的环节。而对c# wpf而言因为自身有很多开源库的加持本身用data chart显示特别简单和容易大家可以好好掌握一下。 本次使用地开源库是OxyPlot库其他的库也比较类似大家可以选择自己熟悉的开发库进行学习和使用。 1、安装OxyPlot库 安装OxyPlot库的方法比较简单直接打开NuGet程序包选择下载OxPlot.Core即可。下载完毕之后我们就会在引用节点下面查看到OxyPlot、OxyPlot.Wpf、OxyPlot.Wpf.Shared这三个库。 2、MainWindow类不做修改 关于数据的内容部分这里借用了MVVM的思想本身不需要对MainWindow类做任何的修改。这部分就可以直接忽略过去了。 3、设计界面 界面部分的设计最最重要的就是创建一个PlotView区域并且将这个区域和MyModel做一个绑定。
Window x:ClassWpfApp.MainWindowxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:oxyhttp://oxyplot.org/wpfxmlns:localclr-namespace:WpfAppTitleChartDemo Height400 Width500Window.DataContextlocal:PlotViewModel//Window.DataContextGridoxy:PlotView Model{Binding MyModel}//Grid
/Window 4、创建PlotViewModel.cs文件 细心的同学可能发现在xaml文件中也出现了PlotViewModel的身影这就是它将来需要bind的class。在PlotViewModel当中会有一个PlotModel的变量就是MyModel。我们在PlotView上面生成的任何图像都是用MyModel来生成的。 当然这里的内容不太多目前为止我们显示的内容还只是一个正弦曲线和一个余弦曲线。因为它本身也是作为一个抛砖引玉的目的存在的。大家如果后续需要掌握更多的显示方法可以参考OxyPlot的官网寻找更多的demo code。
using System;
using OxyPlot;
using OxyPlot.Axes;
using OxyPlot.Series;namespace WpfApp
{public class PlotViewModel{public PlotModel MyModel { get; private set; }public PlotViewModel(){this.MyModel new PlotModel { Title Sin/Cos Graph };MyModel.Series.Add(new FunctionSeries(Math.Cos, -10, 10, 0.1, cos(x)));MyModel.Series.Add(new FunctionSeries(Math.Sin, -10, 10, 0.1, sin(x)));}}
} 5、显示和测试 所有一切都准备好了之后就可以开始显示了。编译无误之后直接单击启动。不出意外的话我们应该可以看到如下所示的画面这基本代表我们已经可以把OxyPlot正常用起来了。当然大家如果本身不喜欢使用库用canvas直接画图的话这也是可以的。只要是效果做出来达到自己的设计目的和使用要求就可以了不必拘泥于形式。
