实战需求

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

本文价值与收获

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

看完本文您将掌握的技能

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

核心算法

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

实战代码

import SwiftUI



struct 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