###### tags: `第14屆IT邦鐵人賽文章` # 【在 iOS 開發路上的大小事2-Day23】來自 Apple 爸爸的最新力作 - Swift Charts 之介紹篇 ## 前情提要 以往在開發 iOS App 的時候,如果有圖表需求的話 可能會使用 CAShapeLayer 或是透過[第三方套件 Charts](https://github.com/danielgindi/Charts) 來完成 但在今年的 WWDC22 Apple 開發者大會上,Apple 為 SwiftUI 推出了一個圖表框架 也就是這篇要介紹的 Swift Charts,讓開發者能夠更快速的繪製圖表 下圖是 Apple 在 WWDC22 上釋出用 Swift Charts 所繪製的圖表樣式,看起來真不錯呢~ ![](https://devimages-cdn.apple.com/wwdc-services/images/124/6634/6634_wide_250x141_2x.jpg) 既然是新框架,那相容性肯定是只支援最新平台了!支援平台如下~ * Xcode 14.0+ * iOS 16.0+ * iPadOS 16.0+ * macOS 13.0+ * Mac Catalyst 16.0+ * tvOS 16.0+ * watchOS 9.0+ ![](https://i.imgur.com/l5fBJMo.jpg) ▲ 圖取自 [Apple Developer Documentation](https://developer.apple.com/documentation/charts) 所以如果是實際面的話,App 有需要相容於舊系統的話 舊系統就只能使用原先繪製方式來進行相容,而新系統則使用 Swift Charts 繪製 ## 圖表類型 Swift Charts 一共提供了六種圖表類型,分別為 1. AreaMark ![](https://i.imgur.com/ejW1QXk.png =355x253) 2. LineMark ![](https://i.imgur.com/t5nXoSg.png =356x248) 3. PointMark ![](https://i.imgur.com/T0jHgxt.png =350x250) 4. RectangleMark ![](https://i.imgur.com/dmVe4sm.png =334x250) 5. RuleMark ![](https://i.imgur.com/ycJM7lp.png =368x250) 6. BarMark ![](https://i.imgur.com/jxMxk2G.png =370x250) ▲ 各圖表示意圖皆取自 [Apple Developer Documentation](https://developer.apple.com/documentation/charts) ## 實作環節 Swift Charts 的實作環節會在下一篇開始,讓我們繼續看下去,明天見~