实战需求

SwiftUI 图表教程之 06 绘制折线图显示标题GeometryReader

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 输入任意数组实现折线图显示
• 设置任意宽度和高度，自适应
• 倾斜标签角度

核心算法

绘制图表首先需要进行单位定义，要根据宽度和高度计算x轴单元格和y轴单元格，计算原点.
1、数组中最大减去最小找到最大高度
2、数组元素数量为最大宽度
3、以最小值做为低

实战代码

import SwiftUIstruct DataModel{var data = [-18,-14,-6,-4,7,13,18,16,8,-4,-9,-19]func getHeight() -> Int{return abs(data.max()!-data.min()!)}func getWidth() -> Int{return Int(self.data.count)}func getXStep(width:CGFloat)->CGFloat{return width/(CGFloat(getWidth()))}func getYStep(height:CGFl