github 下载Charts-master SDK,该SDK有多种可自定义的图表样式

lineChart

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

正弦余弦线图
swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

LineChart (cubic lines)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

LineChart (gradient fill)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

Combined-Chart (bar- and linechart in this case)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

BarChart (with legend, simple design)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

BarChart (grouped DataSets)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

Horizontal-BarChart

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

PieChart (with selection, ...)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

ScatterChart (with squares, triangles, circles, ... and more)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

CandleStickChart (for financial data)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

BubbleChart (area covered by bubbles indicates the value)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

RadarChart (spider web chart)

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

由于本人app中只使用了折线图和柱状图, 就针对这两个作为例子, 下面开始步骤:

首先在下载的文件Charts-master中找到"Charts"文件夹

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

拖入自己的项目

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

然后将Charts文件中的Charts.xcodeproj文件拖入项目

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

选择项目TARGETS的General下的Embedded Binaries区块点击+加入Charts框架, 点击Add

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

object-C移步 https://github.com/danielgindi/Charts#usage

打开 ViewController.swift 导入 Charts

在storyBoard中拖入一个view并关联到ViewController.swift中, 可指定view的类型

还有很多样式, 根据文章上方图片名称自己查找需要的类型.

运行后会得到一个"No chart data available"信息的界面

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

也可以在viewDidLoad()方法中更改这个提示信息

加入属性用来存储数据

在viewDidLoad()中初始化一些数据, values只能为Double类型的确是比较遗憾

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

setChart(days, value: sleepTime)是设定图表的函数,放一些图表的自定义设置

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

运行结果

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

柱状图没有仔细研究, 具体的属性自定义设置应该和折线图一样. 线面是折线图的一些属性自定义

X轴数据和Y轴数据

设置折线图的数据为lineChartData

折线图上圆点的内环和外环设置

X轴Y轴的一些设置

lineChartView的其他设置

运行:

swift app中展示折线图, 饼状图, 柱状图等数据图表-LMLPHP

以上设置已经满足我个人的自定义需求, 如果以后再有什么改动会再来添加新的属性.

文/codeFarmer(简书作者)
原文链接:http://www.jianshu.com/p/0a508ff697d1
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
04-15 10:35