Xamarin圖表開發基礎教程（7）OxyPlot框架

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視圖須要顯示的內容。這樣就能夠完成圖表的顯示。