温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Xamamin iOS中如何使用OxyPlotiO框架绘制线图

发布时间:2021-12-21 11:21:24 来源:亿速云 阅读:166 作者:小新 栏目:移动开发

小编给大家分享一下Xamamin iOS中如何使用OxyPlotiO框架绘制线图,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

Xamamin iOS中绘制线图OxyPlotiOSDemo

【示例OxyPlotiOSDemo】下面将实现线图的显示。具体的操作步骤如下:

(1)打开Xamarin.iOS项目。

(2)将OxyPlot.Xamarin.iOS组件添加到项目中的引入中。

(3)打开ViewController.cs文件,完成剩余的步骤,即创建PlotView视图、绘制图表、设置显示模式以及显示PlotView。代码如下:

using Foundation;
using System;
using UIKit;
using OxyPlot.Xamarin.iOS;
using OxyPlot;
using OxyPlot.Axes;
using OxyPlot.Series;
namespace OxyPlotiOSDemo
{
    public partial class ViewController : UIViewController
    {
        public ViewController (IntPtr handle) : base (handle)
        {
        }
        public override void ViewDidLoad ()
        {
            base.ViewDidLoad ();
            // Perform any additional setup after loading the view, typically from a nib.
            //创建PlotView视图
            PlotView plotView = new PlotView
            {
                Frame = this.View.Frame
            };
            plotView.Model=CreatePlotModel();                                                    //设置显示模式
            this.View.Add(plotView);                                                                        //将PlotView视图添加到主视图上
        }
        //绘制图表
        private PlotModel CreatePlotModel()
        {
            //创建图表模式
            var plotModel = new PlotModel
            {
                Title = "OxyPlot Demo"
            };
            //添加坐标轴
            plotModel.Axes.Add(new LinearAxis { Position = AxisPosition.Bottom });
            plotModel.Axes.Add(new LinearAxis { Position = AxisPosition.Left, Maximum = 10, Minimum = 0 });
            //创建数据列
            var series1 = new LineSeries
            {
                Title = "Data",
                MarkerType = MarkerType.Circle,
                MarkerSize = 4,
                MarkerStroke = OxyColors.White
            };
            //添加数据点
            series1.Points.Add(new DataPoint(0.0, 6.0));
            series1.Points.Add(new DataPoint(1.4, 2.1));
            series1.Points.Add(new DataPoint(2.0, 4.2));
            series1.Points.Add(new DataPoint(3.3, 2.3));
            series1.Points.Add(new DataPoint(4.7, 7.4));
            series1.Points.Add(new DataPoint(6.0, 6.2));
            series1.Points.Add(new DataPoint(8.9, 8.9));
            //添加数据列
            plotModel.Series.Add(series1);
            return plotModel;
        }
        ……
    }
}

运行程序,会看到如图1.2所示的效果。

 Xamamin iOS中如何使用OxyPlotiO框架绘制线图

图1.2  Xamarin.iOS平台的线图效果

以上是“Xamamin iOS中如何使用OxyPlotiO框架绘制线图”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI