Xamarin图表开发基础教程（7）OxyPlot框架

2024-05-31 12:23:25

Xamarin图表开发基础教程（7）OxyPlot框架

Xamarin.Forms中使用OxyPlot框架

在Xamarin. Forms平台上实现图表显示需要完成以下的步骤：

1.添加OxyPlot.Xamarin.Forms组件

打开Xamarin.Forms项目，通过Nuget，将OxyPlot.Xamarin.Forms组件添加到各个子项目的引入项中。

2.初始化OxyPlot渲染器

在各个平台的子项目下，对OxyPlot渲染器进行初始化。其语法形式如下：

OxyPlot.Xamarin.Forms.Platform.assignPlatform.PlotViewRenderer.Init();

其中，assignPlatform指定的是各个子项目对应的平台，如果是Android子项目，这里的assignPlatform就是Android。

3.创建PlotView视图

创建PlotView视图的方式有两种，分别是在布局文件xaml中和在代码文件.cs中。下面将讲解这两种创建方式。

（1）在布局文件xaml文件中，创建PlotView视图的语法形式如下：

<oxy:PlotView Model="*******"VerticalOptions="********"HorizontalOptions="********"…… />

注意：在布局PlotView视图时，需要声明命名空间，代码如下：

xmlns:oxy="clr-namespace:OxyPlot.Xamarin.Forms;assembly=OxyPlot.Xamarin.Forms"

（2）在代码文件.cs中，也可以创建PlotView视图，并需要将该视图添加的主页面的内容中。

4.构建图表

使用PlotModel类构建图表，该类被称为图表模型。开发者可以将其理解为一个绘制图表的画布。可以根据需求，将坐标轴以及数据列添加到画布中，即实现绘制。

5.显示图表

将PlotView视图的显示模式Mode设置为PlotModel对象，即设置PlotView视图需要显示的内容。这样就可以完成图表的显示。

Xamarin图表开发基础教程（7）OxyPlot框架相关推荐

Xamarin图表开发基础教程（13）OxyPlot框架支持的其它图表
Xamarin图表开发基础教程(13)OxyPlot框架支持的其它图表除了以上提到的图表外,OxyPlot组件还包含了6种类型的其它图表,分别为等高线图.箱线图.饼图.热图.散点图和散点误差图,如图 ...
Xamarin图表开发基础教程（12）OxyPlot框架支持的金融图表类型
Xamarin图表开发基础教程(12)OxyPlot框架支持的金融图表类型 OxyPlot组件中支持5种类型的金融图表,它们分别为销量图.高低图.股票K线图.股票走势图和旧式股票图,如图1.20~1. ...
Xamarin图表开发基础教程（11）OxyPlot框架支持的图表类型
Xamarin图表开发基础教程(11)OxyPlot框架支持的图表类型 OxyPlot组件中支持7种类型的条型图表,分别为普通条形图.线型条形图.矩形条形图.差值图.龙卷风图.普通柱形图和柱形误差图, ...
Xamarin图表开发基础教程（10）OxyPlot框架支持的图表类型
Xamarin图表开发基础教程(10)OxyPlot框架支持的图表类型 OxyPlot组件支持26种图表,这些图表按照功能和样式可以分为4大类,分别为线型图表.条型图表.金融图表和其它图表. 线型图表 ...
Xamarin图表开发基础教程（8）OxyPlot框架
Xamarin图表开发基础教程(8)OxyPlot框架 [示例OxyPlotFormsDemo]在Xamarin.Forms中实现线图的显示. (1)打开Xamarin.Forms项目. (2)将Ox ...
Xamarin图表开发基础教程（6）OxyPlot框架
Xamarin图表开发基础教程(6)OxyPlot框架 Xamamin iOS中绘制线图OxyPlotiOSDemo [示例OxyPlotiOSDemo]下面将实现线图的显示.具体的操作步骤如下: ( ...
Xamarin图表开发基础教程（5）OxyPlot框架
Xamarin图表开发基础教程(5)OxyPlot框架 Xamarin.iOS中使用OxyPlot框架在Xamarin.iOS平台上实现图表显示需要完成以下的步骤: 1.添加OxyPlot.Xama ...
Xamarin图表开发基础教程（4）OxyPlot框架
Xamarin图表开发基础教程(4)OxyPlot框架 XamaminAndroid中绘制线图OxyPlotAndroidDemo [示例1-1:OxyPlotAndroidDemo]下面实现线图的绘 ...
Xamarin图表开发基础教程（3）OxyPlot框架
Xamarin图表开发基础教程(3)OxyPlot框架 Xamarin.Android中使用OxyPlot框架在Xamarin.Android平台上实现图表显示需要完成以下的步骤: 1.添加OxyP ...

最新文章

热门文章