第 38 章
利用 Charts 框架建立圖表

在 iOS 16 的新版 SwiftUI 中，我最喜歡的其中一個功能就是 Charts 框架。在 iOS 16 之前，我們需要構建自己的圖表、或是依靠第三方程式庫來建立圖表。Apple 推出了這個新框架，開發者就可以更輕鬆地創建動畫化和互動的圖表。

建立簡單的長條圖

簡單來說，我們只需要定義 Mark，就可以構建出 SwiftUI 圖表。讓我們看看這個簡單的例子：

import SwiftUI
import Charts

struct ContentView: View {
    var body: some View {
        Chart {
            BarMark(
                x: .value("Day", "Monday"),
                y: .value("Steps", 6019)
            )

            BarMark(
                x: .value("Day", "Tuesday"),
                y: .value("Steps", 7200)
            )
        }
    }
}

無論我們想要構建長條圖還是折線圖，我們都會從 Chart 視圖開始。在圖表裡面，我們可以定義 bar mark，來提供圖表資料。BarMark 視圖是用來構建長條圖的，每一個 BarMark 視圖都會有 x 和 y 值，x 值就是代表 x 軸的圖表資料，如此類推。在以上的程式碼中，我把 x 軸的標籤設置為 Day，而 y 軸就是總步數。

讓我們在 Xcode 14 輸入以上程式碼，預覽就會自動顯示有兩個垂直長方體的長條圖。

想更深入學習SwiftUI和下載完整程式碼？你可以從 AppCoda網站購買《精通 SwiftUI》完整電子版。