ios开发图表,ios绘制曲线图

iOS图表库Charts使用(不常见但很实用的属性)

iOS图表库Charts使用(不常见但很实用的属性)

成都创新互联公司是一家专业提供寻乌企业网站建设,专注与成都网站建设、网站设计、H5页面制作、小程序制作等业务。10年已为寻乌众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

至于Charts的普通demo方法请参见其它文章，本文主要讲述Charts不常见但很实用的属性。（关于集成的方法参见我的上一篇文章： iOS图表库Charts集成与使用 ）

普通demo文章： iOS在OC项目中集成Charts绘制图表框架 这个是王雷大神的博客，对charts讲解很详细

OC调用Charts绘制图表--BarChartView

这个是李大宝（群主）的博客对于chart的理解，个人认为他是个逗逼，????加入他的chart群交流，群号:539641834

所谓天下文章一般抄，百度出来的chart文章大部分都雷同。

好，开始不一样的讲解：

由于老板是个老者（今年50，60岁了），从事java多年，指导我们需求这一块，

1.交互柱状图时，只让用户左右滑动，不缩放，

解析：由于 chart官网 以及上面 大神的demo 都是默认先缩放后才可以滑动，这就出现了困难，经过几番查找，发现只要在创建图表时就设置缩放的比例，这样用户交互时，就不用先放大后才可以滑动，从而解决需求，当然x，y轴的手势启动也要相应的设置下。

方法：

// 需求：只滑动不缩放：（系统内部默认是先缩放后滑动）及初始化时x轴就缩放1.5倍,就可以滑动了，

ChartViewPortHandler *scaleX = _barChartView.viewPortHandler;

[scaleX setMinimumScaleX:1.5f];

//设置动画效果，可以设置X轴和Y轴的动画效果

[_barChartView animateWithYAxisDuration:0.25f];

2.当x轴每一个单元数据太长（比如说学生的名字太长），就会形成太拥挤的现象

解析：可以倾斜显示x轴每一个单元数据，// xAxis.labelRotationAngle = -30;// x轴上名字的旋转角度，仿网页上的

但是这样又会形成，第一次进来时，学生名字只显示一半，向左滑动后，才偏移出全部的名字，但是整个barChartView也会上移动，后来用_barChartView.extraBottomOffset = 15;也解决不了问题。

办法：索性就不用倾斜显示了，即：

一个页面显示的数据太多了，都不看清楚，怎么样设置一个页面显示固定条数的数据，如果数据太多需要手动滑动看到

//设置一页显示的数据条数，超出的数量需要滑动查看：

_barChartView.setVisibleXRangeMaximum(double);//需要在设置数据源后生效（这是一个坑，懒加载写这个方法并没任何反应，必须在调用数据后使用才有效果）

我的：

我是在

（// 需求：只滑动不缩放：（系统内部默认是先缩放后滑动）及初始化时x轴就缩放1.5倍,就可以滑动了，

ChartViewPortHandler *scaleX = _barChartView.viewPortHandler;

[scaleX setMinimumScaleX:1.5f];）

下使用（//        xAxis.labelRotationAngle = -30;// x轴上名字的旋转角度，

xAxis.labelPosition = XAxisLabelPositionBottom;//X轴的显示位置，默认是显示在上面的）的，每一次进来就这样：

向左滑动后才：

若是有那个大神知道欢迎告知，我的解决就是没用倾斜的方法，直接用了_barChartView.setVisibleXRangeMaximum(double);

其他实用属性方法陆续更新。。。。

ios charts图表库的简单使用

因为这个charts库是用swift写的，但是还是很强大的，一般的功能几乎都可以实现，不过用起来有些地方还是不是很好找，原谅我的英语水平啦。。。。我根据平时用的简单描述下oc怎样使用charts。

首先集成，建议用pod 这样可以减少一些不必要的麻烦，pod 'Charts'

但是在podfile文件里面集成swift库的时候要用use_frameworks!

（use_frameworks！选项是告诉 CocoaPods 使用 framework 而不是静态库。这在 Swift 项目中是必选。

我们添加的那行（pod 'Charts'）是让 CocoaPods 知道我们要用 Charts。）

然后创建桥接oc-swift桥接文件

创建桥接文件，随便创建一个swift文件即可，xcode会给你自动生成一个，然后在桥接文件里导入@import Charts;

即可，那边需要用到charts就将桥接文件导入即可

然后。。。重点来了

swift language version 一定要调成xcode对应的最高版本，如果不设置会报错的，然后你如果用pod 又导入别的框架的话charts又会报错，跑不起来了，我我发现只要pod install以后，之前对charts做的一些修改配置就会没了，每次都得重新设置一下，这点困惑了我好长时间。。。。关于配置网上有好多教程。基本配置搞完了。。。。。。（我发现只要pod install以后，之前对charts做的一些修改配置就会没了，每次都得重新设置一下）。

关于柱状图的使用

这个是设置y轴显示单位的需要设置IChartAxisValueFormatter代理

想设置一个x坐标对应多个柱状图的话

想要图表可以左右滑动

好了，这是暂时我觉得有用的东西，后期还会继续更新的。。。。。。。欢迎点赞。

如何在 Swift 语言下使用 iOS Charts API 制作漂亮图表

接着，我们添加函数库到项目中。你可以用 CocoaPods 安装该库，这里我们直接手动安装。

下载 ios-charts 项目，这个 zip 文件包含了函数库（名为 Charts 的文件夹）和一个示例项目（名为 ChartsDemo）。如果你想了解更多关于函数库的知识，示例项目是很棒的资源。

解压缩已下载的文件，并将 Charts 文件复制粘贴到你项目（iOSChartsDemo）的根目录下。在 Finder 中打开Charts文件，并将 Charts.xcodeproj 拖拽到 Xcode 项目中。结构如下图所示。

接着从项目导航中选择你的项目，并确保该 iOSChartsDemo 目标被选中。在右边的常规选项卡中找到 Embedded Binaries 部分，点击该部分的+号添加图表框架。从列表中选择 Charts.framework 并点击 Add。

如果你想在 Objective-C 中使用函数库，请参考使用说明。

用 Command-B 或选择 Product Build 来生成项目。如果不这样做，当你导入 Charts 框架到你的项目时，Xcode 会报错——无法加载 Charts 底层模块。

现在开始创建第一个图表。

创建一个柱形图

打开 BarChartViewController.swift 文件，添加以下声明。

import Charts

打开故事板文件。我们需要添加用来显示图表的视图。从文档纲要中选择 Bar Chart View Controller，并在属性检查器中取消 Extend Edges 的 Under Top Barsin 选项。我们不希望图表自动延伸至导航栏下方。

接着拖拽一个视图到 Bar Chart View Controller 中，并按下图定位边界。该视图为控制器中主视图的子视图。

视图被选中后，在识别检查器中将它的类设为 BarChartView。再使用助理编辑器，加入视图的 outlet 到 BarChartViewController 类，并命名为 outletbarChartView。在 BarChartViewController 类中添加下列代码。

@IBOutlet weak var barChartView: BarChartView!

运行项目，并从表格中选择柱形图，你可能会得到视图提示信息：无可用的图表数据。

iOS中图表要怎么画

我所用到的最好的 iOS 图表库有两个一个是 Swift 版本的 Charts 不过混编起来有点操蛋.另外一个就是国人写的AAChartKit ,几乎支持所有主流类型(柱状图 、条形图 、折线图 、曲线图 、折线填充图 、曲线填充图、雷达图、极地图、扇形图、气泡图)的数据图表,配置也非常简单.

在此附上 AAChartKit 链接地址 网页链接, 下面是他的官方介绍

环境友好,兼容性强. 适配 iOS 6 +, 支持ARC,支持 Objective-C语言,配置简单.同时更有 Swift 版本AAInfographics可供使用.

功能强大,类型多样. 支持柱状图 、条形图 、折线图 、曲线图 、折线填充图 、曲线填充图、雷达图、极地图、扇形图、气泡图、散点图、区域范围图、柱形范围图、面积范围图、面积范围均线图、直方折线图、直方折线填充图、箱线图、瀑布图、热力图、桑基图、金字塔图、漏斗图、等二十几种类型的图形,不可谓之不多.

交互式图形动画. 有着清晰和充满细节的用户交互方式,与此同时,图形渲染动画效果细腻精致,流畅优美.有三十多种以上渲染动画效果可供选择,用户可自由设置渲染图形时的动画时间和动画类型,关于图形渲染动画类型,具体参见 AAChartKit 动画类型.

支持手势缩放.支持图表的手势缩放和拖动阅览,手势缩放类型具体参见 AAChartKit 手势缩放类型,默认禁用手势缩放功能.

极简主义. AAChartView + AAChartModel = Chart,在 AAChartKit 图表框架当中,遵循这样一个极简主义公式:图表视图控件 + 图表模型 = 你想要的图表.同另一款强大而又精美的图表库AAInfographics完全一致.

链式编程语法. 支持类 Masonry 链式编程语法,一行代码即可配置完成 AAChartModel模型对象实例.