github 下载Charts-master SDK,该SDK有多种可自定义的图表样式
lineChart
正弦余弦线图
LineChart (cubic lines)
LineChart (gradient fill)
Combined-Chart (bar- and linechart in this case)
BarChart (with legend, simple design)
BarChart (grouped DataSets)
Horizontal-BarChart
PieChart (with selection, ...)
ScatterChart (with squares, triangles, circles, ... and more)
CandleStickChart (for financial data)
BubbleChart (area covered by bubbles indicates the value)
RadarChart (spider web chart)
由于本人app中只使用了折线图和柱状图, 就针对这两个作为例子, 下面开始步骤:
首先在下载的文件Charts-master中找到"Charts"文件夹
拖入自己的项目
然后将Charts文件中的Charts.xcodeproj文件拖入项目
选择项目TARGETS的General下的Embedded Binaries区块点击+加入Charts框架, 点击Add
object-C移步 https://github.com/danielgindi/Charts#usage
打开 ViewController.swift 导入 Charts
在storyBoard中拖入一个view并关联到ViewController.swift中, 可指定view的类型
还有很多样式, 根据文章上方图片名称自己查找需要的类型.
运行后会得到一个"No chart data available"信息的界面
也可以在viewDidLoad()方法中更改这个提示信息
加入属性用来存储数据
在viewDidLoad()中初始化一些数据, values只能为Double类型的确是比较遗憾
setChart(days, value: sleepTime)是设定图表的函数,放一些图表的自定义设置
运行结果
柱状图没有仔细研究, 具体的属性自定义设置应该和折线图一样. 线面是折线图的一些属性自定义
X轴数据和Y轴数据
设置折线图的数据为lineChartData
折线图上圆点的内环和外环设置
X轴Y轴的一些设置
lineChartView的其他设置
运行:
以上设置已经满足我个人的自定义需求, 如果以后再有什么改动会再来添加新的属性.
文/codeFarmer(简书作者)
原文链接:http://www.jianshu.com/p/0a508ff697d1
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
原文链接:http://www.jianshu.com/p/0a508ff697d1
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。