主页 / 问题 / 1155656
Accepted
Caleb G
Asked:2020-07-22 01:18:47 +0800 CST2020-07-22 01:18:47 +0800 CST

线形图

  • 772

我是编码新手（任何语言的任何编码）。我目前有一个用 SwiftUI 编写的项目。现在我需要向它添加一个折线图。我注意到大多数教程要么谈论创建条形图（出于某种奇怪的原因，这是行业标准），要么谈论在 UIKit 中创建图表。所以我有几个问题：

(1) 如果我因为没有其他选择而决定在 UIKit 中制作折线图，是否可以将其集成到我现在拥有的 SwiftUI 项目中？

(2) 是否可以创建一个动态折线图，从 API 获取数据并在 API 中的信息更新时相应地更新图表？（通过“动态”图表，我的意思是……不是每次都手动插入 x 和 y 坐标[这是我最初假设它的工作方式]，而是通过从 API 获取数据自动插入）。

甚至可能吗？如果是这样，我需要在哪里寻找，寻找什么，您建议从哪里开始？

提前非常感谢，保持健康！

api

1 个回答

  1. Best Answer

    以下是使用ChartView和查询测试服务https://jsonplaceholder.typicode.com查询和显示折线图的示例。在这里，我们正在查询帖子并绘制其标题行的长度

    struct ContentView: View {
    
    @ObservedObject var postsDatasource = PostsDatasource()
    
    var body: some View {
        LineChartView(
            data: postsDatasource.titlesLengths,
            title: "Titles Length",
            legend: "Shows posts titles lengths",
            form: ChartForm.extraLarge,
            rateValue: 0)
            .onAppear { self.postsDatasource.fetchTitlesLengths() }
    }
    
}

    请求数据的类

    class PostsDatasource: ObservableObject {
    
    struct Post: Decodable {
        var userId: Int
        var id: Int
        var title: String
        var body: String
    }

    var titlesLengths: [Double] = [] {
        didSet {
            objectWillChange.send()
        }
    }
    
    func fetchTitlesLengths() {
        guard let url = URL(string: "https://jsonplaceholder.typicode.com/posts") else {
            return
        }
        
        URLSession.shared.dataTask(with: url) { (data, responce, error) in
            if let error = error {
                print(error.localizedDescription)
                return
            }
            
            guard let data = data else {
                print("No data")
                return
            }
            
            guard let posts = try? JSONDecoder().decode([Post].self, from: data) else {
                print("Unable to parse posts")
                return
            }
            
            DispatchQueue.main.async {
                self.titlesLengths = posts.map { Double($0.title.count) }
            }

        }.resume()
    }

}
    • 1

相关问题