การใช้งาน Line chart from data ในภาษา VB.NET แบบง่ายๆ พร้อมตัวอย่าง

# การใช้งาน Line Chart ในภาษา VB.NET แบบง่ายๆ และประโยชน์ในโลกจริง

เชื่อว่าหลายคนที่เรียนรู้การเขียนโปรแกรมในภาษา VB.NET อาจจะกำลังมองหาทางเลือกในการนำเสนอข้อมูลแบบกราฟิกที่สวยงามและเข้าใจง่าย หนึ่งในตัวเลือกที่น่าสนใจก็คือการสร้าง Line Chart ซึ่งเป็นแบบฟอร์มกราฟที่นิยมใช้เพื่อแสดงแนวโน้มของข้อมูลตามช่วงเวลาต่างๆ ในบทความนี้ เราจะมาหัดสร้าง Line Chart ด้วย VB.NET โดยใช้ตัวอย่างโค้ดแบบเรียบง่าย เพื่อให้เห็นถึงความสามารถในการจัดการข้อมูลและการนำเสนอผ่านกราฟ

ตัวอย่างโค้ดในการสร้าง Line Chart

ก่อนอื่น ให้เราเริ่มต้นด้วยการเตรียมแพลตฟอร์มที่ใช้ในการสร้างและแสดง Line Chart โดยปกติแล้ว VB.NET จะมีคอนโทรลสำหรับการสร้างกราฟอยู่แล้วในที่เรียกว่า Chart Control ซึ่งอาจต้องมีการเพิ่มตัวอ้างอิง (Reference) ของ System.Windows.Forms.DataVisualization.Charting ก่อนที่จะทำการเขียนโค้ด

ตัวอย่างโค้ดที่ 1: การสร้าง Line Chart พื้นฐาน

 Imports System.Windows.Forms.DataVisualization.Charting

Public Class LineChartExample

    Private Sub CreateSimpleLineChart()

        ' กำหนดตัวแปรสำหรับ Chart
        Dim myChart As New Chart
        Dim myChartArea As New ChartArea
        Dim mySeries As New Series

        ' เพิ่ม ChartArea ลงใน Chart
        myChart.ChartAreas.Add(myChartArea)

        ' ตั้งค่า Series
        mySeries.ChartType = SeriesChartType.Line
        mySeries.Points.AddXY("Jan", 20)
        mySeries.Points.AddXY("Feb", 40)
        mySeries.Points.AddXY("Mar", 60)
        mySeries.Points.AddXY("Apr", 80)

        ' เพิ่ม Series ลงใน Chart
        myChart.Series.Add(mySeries)

        ' ตั้งค่าขนาดและตำแหน่งของ Chart
        myChart.Width = 600
        myChart.Height = 300
        myChart.Location = New Point(10, 10)

        ' เพิ่ม Chart ลงใน Form หรือ Control ที่ต้องการ
        Controls.Add(myChart)

    End Sub

End Class

การทำงานของโค้ดข้างต้นค่อนข้างชัดเจน เราเริ่มจากการนำเข้า (Import) namespace ที่เกี่ยวข้องกับการวาดกราฟ เราจากนั้นสร้างอินสแตนซ์ของ `Chart`, `ChartArea` และ `Series` ตามลำดับ จากนั้นเพิ่มข้อมูลเข้าไปใน Series และเพิ่มลงใน Chart จากนั้นกำหนดขนาดและตำแหน่งของกราฟเพื่อเพิ่มลงใน UI ของแอปพลิเคชั่น

ตัวอย่างโค้ดที่ 2: ปรับแต่ง Line Chart

 ' ต่อจากโค้ดตัวอย่างที่ 1

' ปรับให้เส้นกราฟมีความหนาขึ้น
mySeries.BorderWidth = 3

' ตั้งค่าสีของ Series
mySeries.Color = Color.Red

' เพิ่มเงาให้กับ Line
mySeries.ShadowOffset = 2

' เพิ่มชื่อกับแต่ละ Series สำหรับใช้ใน Legend
mySeries.Name = "Sales"

' เพิ่ม Legend เข้าไปใน Chart และกำหนดตำแหน่ง
Dim myLegend As New Legend
myLegend.Docking = Docking.Bottom
myChart.Legends.Add(myLegend)

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

ตัวอย่างโค้ดที่ 3: การแสดง Line Chart ด้วยข้อมูลจากฐานข้อมูล

 ' กำหนดเชื่อมต่อ Database
Dim connectionString As String = "Your Connection String Here"
Dim query As String = "SELECT Date, Sales FROM SalesData"

Using connection As New SqlConnection(connectionString)
    Dim command As New SqlCommand(query, connection)

    connection.Open()
    Dim reader As SqlDataReader = command.ExecuteReader()

    ' สร้าง Series ใหม่และตั้งค่าให้เป็น Line Chart
    Dim salesSeries As New Series("Sales")
    salesSeries.ChartType = SeriesChartType.Line

    ' อ่านข้อมูลจาก Database และเพิ่มลงใน Series
    While reader.Read()
        salesSeries.Points.AddXY(reader("Date"), reader("Sales"))
    End While

    ' ปิดการเชื่อมต่อ
    reader.Close()

    ' เพิ่ม Series ลงใน Chart
    myChart.Series.Add(salesSeries)

    ' อื่นๆ เช่น การกำหนดขนาด ตำแหน่ง ฯลฯ เหมือนตัวอย่างที่ 1
End Using

ในตัวอย่างนี้ เราได้ประยุกต์ใช้การเชื่อมต่อกับฐานข้อมูลเพื่อรับข้อมูลแล้วนำเสนอผ่าน Line Chart โดยโค้ดนี้เป็นตัวอย่างพื้นฐานเกี่ยวกับวิธีการเชื่อมต่อกับฐานข้อมูล SQL Server อ่านข้อมูลจากตารางและวาดกราฟจากข้อมูลเหล่านั้น

Usecase ในโลกจริง

การใช้งาน Line Chart ในโลกจริงนั้นหลากหลาย อาทิเช่น การแสดงข้อมูลยอดขายของบริษัทตามช่วงเวลา เพื่อให้วิเคราะห์แนวโน้มและปรับกลยุทธ์การตลาดได้ตรงจุดยิ่งขึ้น หรือการใช้ในด้านการวิทยาศาสตร์และงานวิจัยเพื่อแสดงผลลัพธ์ของการทดลองที่มีการเปลี่ยนแปลงตามเวลา

สรุป

การสร้าง Line Chart ในภาษา VB.NET นั้นง่ายและมีประโยชน์มาก เพราะช่วยให้ผู้เขียนโปรแกรมสามารถนำเสนอข้อมูลได้ในรูปแบบที่เข้าใจง่าย และสวยงาม กับการใช้แค่โค้ดไม่กี่บรรทัด เชิญทุกท่านที่ต้องการทำความเข้าใจเพิ่มเติมเกี่ยวกับการใช้งาน VB.NET สำหรับสร้างกราฟและการจัดการข้อมูลในรูปแบบอื่นๆ มาเรียนรู้และพัฒนาทักษะการเขียนโปรแกรมไปด้วยกันที่ EPT ซึ่งเรารอให้บริการด้วยความเอาใจใส่ ผู้เรียนสามารถพัฒนาทักษะและแก้ปัญหาการเขียนโปรแกรมให้แม่นยำยิ่งขึ้นไปกับเราได้!

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