การสร้างกราฟวงกลม (Pie Chart) ด้วยข้อมูลในภาษา Swift แบบง่าย ๆ

การใช้กราฟวงกลมเป็นวิธีที่ดีในการแสดงข้อมูลเชิงสถิติที่ช่วยให้ผู้ดูสามารถเข้าใจแนวโน้มและการกระจายข้อมูลได้อย่างชัดเจน ในบทความนี้ เราจะมาสำรวจวิธีการสร้างกราฟวงกลมในภาษา Swift กัน โดยจะแสดงตัวอย่างโค้ดที่เข้าใจง่ายและอธิบายการทำงานในส่วนต่าง ๆ นอกจากนี้เรายังจะยกตัวอย่างการใช้งานในชีวิตจริงเพื่อเพิ่มความเข้าใจให้กับผู้อ่าน

ความสำคัญของกราฟวงกลม

กราฟวงกลมเป็นวิธีการที่ใช้แสดงสัดส่วนของข้อมูลในรูปแบบวงกลม โดยแบ่งส่วนของวงกลมให้เห็นถึงความแตกต่างของข้อมูลแต่ละประเภท ซึ่งจะช่วยให้เห็นถึงความสัมพันธ์และความสำคัญของข้อมูลได้ดียิ่งขึ้น ในหลาย ๆ กรณี กราฟวงกลมจะถูกนำไปใช้ในงานการตลาด การวิเคราะห์ข้อมูล หรือแม้กระทั่งในงานวิจัยต่าง ๆ

ขั้นตอนการสร้างกราฟวงกลมใน Swift

ในการสร้างกราฟวงกลมด้วยภาษา Swift เราจะต้องใช้ `UIKit` หรือ `SwiftUI` ในการจัดการแสดงผล โดยเฉพาะกับ `Core Graphics` หรือ `Shape` ในการวาดกราฟ เริ่มต้นจากการสร้างโปรเจคใหม่ใน Xcode แล้วให้เราทำตามขั้นตอนดังนี้

การเตรียมโค้ด

- เปิด Xcode และเลือก “Create a new Xcode project”

- เลือก “App” แล้วกด “Next”

- กรอกชื่อโปรเจคและข้อมูลอื่น ๆ ให้เรียบร้อย จากนั้นกด “Create”

 import SwiftUI

struct PieChart: View {
    let data: [Double] // ข้อมูลสัดส่วนที่เรามี
    var body: some View {
        GeometryReader { geometry in
            createPath(in: geometry.size)
                .fill(AngularGradient(gradient: .init(colors: colors(data.count)), center: .center))
        }
    }

    // ฟังก์ชันสร้างหน้าเพจ สำหรับการวาดกราฟ
    private func createPath(in size: CGSize) -> Path {
        var path = Path()
        let total = data.reduce(0, +)
        var startAngle = Angle.zero

        for value in data {
            let endAngle = startAngle + .degrees((value / total) * 360)
            path.move(to: CGPoint(x: size.width / 2, y: size.height / 2))
            path.addArc(center: CGPoint(x: size.width / 2, y: size.height / 2), radius: size.width / 2, startAngle: startAngle, endAngle: endAngle, clockwise: false)
            startAngle = endAngle
        }

        return path
    }

    // สร้างสีต่าง ๆ สำหรับกราฟ
    private func colors(_ count: Int) -> [Color] {
        return (0..<count).map { _ in
            Color.random()
        }
    }
}

extension Color {
    static func random() -> Color {
        return Color(red: .random(in: 0...1), green: .random(in: 0...1), blue: .random(in: 0...1))
    }
}

struct ContentView: View {
    var body: some View {
        PieChart(data: [30, 10, 20, 40])
            .frame(width: 300, height: 300)
    }
}

#### อธิบายการทำงาน

การใช้งานในชีวิตจริง

การสร้างกราฟวงกลมสามารถใช้ในหลากหลายวงการ เช่น:

สรุป

จากที่เราได้ศึกษาไปแล้ว การสร้างกราฟวงกลมในภาษา Swift เป็นเรื่องที่ไม่ยุ่งยาก และช่วยให้เราแสดงข้อมูลในรูปแบบที่เข้าใจง่าย นอกจากนี้ หากคุณสนใจศึกษาเพิ่มเติมเกี่ยวกับการพัฒนาโปรแกรม คุณสามารถศึกษาเพิ่มเติมได้ที่ EPT (Expert-Programming-Tutor) ซึ่งมีคอร์สเรียนต่าง ๆ ที่จะช่วยให้คุณเป็นโปรแกรมเมอร์ที่เชี่ยวชาญ ร่วมสนุกและเข้ามาเรียนรู้กับเราได้ทุกเมื่อ!

ขอให้ทุกคนโชคดีในการทำโปรเจคและหวังว่าบทความนี้จะเป็นประโยชน์สำหรับท่านในการเริ่มต้นสร้างกราฟวงกลมในภาษา Swift!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง