Tutorial VB.Net #27: Cara Membuat Grafik Line, Bar dan Pie

Tutorial VB.Net #27: Cara Membuat Grafik Line, Bar dan Pie - priacoding. Pada postingan priacoding sebelumnya kita telah membahas bagaimana cara Import dan Export data VB.Net dan pada postingan kali ini kita akan membahas tentang bagaimana cara membuat grafik (Line, Bar dan Pie) pada VB.Net

Grafik adalah gambaran naik dan turunnya suatu situasi atau data yang menyerupai garis atau gambar. Grafik terdiri dari beberapa bagian diantaranya: grafik batang (bar), garis (line) dan grafik lingkaran atau disebut juga grafik pie.

→ Grafik Batang (Bar)
Gambaran naik turunnya data dalam bentuk batang atau balok dan dipakai untuk menekankan adanya perbedaan tingkatan.

→ Grafik Garis (Line)
Merupakan gambaran naik turunnya data berupa garis yang di hubungkan dari titik-titik data secara berurutan. Grafik ini digunakan untuk menggambarkan perkembangan atau perubahan dari waktu ke waktu.

→ Grafik Lingkaran (Pie)
Merupakan gambaran naik turunnya data berupa lingkaran untuk menggambarkan persentase dari nilai total atau seluruhnya.

Untuk implementasinya langsung saja ikuti langkah-langkah berikut..

1. Buat buah project

Tambahkan Chart pada project, Klik kanan pada Toolbox dan pilih "Choose Items..."

Membuat Grafik Line, Bar dan Pie pada VB.Net

Pada jendela "Choose Toolbox Items" ceklis Chart setelah itu "OK"

Tambahkan Chart pada Form aplikasi, seperti gambar dibawah..

2. Tahap pengcodingan

Tambahkan coding berikut pada paling atas kode editor

Imports System.Windows.Forms.DataVisualization.Charting

→ Grafik Batang (Bar)

Pastekan coding dibawah pada Form Load

With Chart1
            Dim nmsiswa() As String = {"Siswa 1", "Siswa 2", "Siswa 3"}
            .Series.Clear()
            For a As Integer = 0 To nmsiswa.Length - 1
                .Series.Add(nmsiswa(a))

            Next
            .Series(0).ChartType = SeriesChartType.Column
            .Series(1).ChartType = SeriesChartType.Column
            .Series(2).ChartType = SeriesChartType.Column

            .Series(0).Points.AddXY("Matematika", 100)
            .Series(0).Points.AddXY("Bahasa Indonesia", 90)
            .Series(0).Points.AddXY("Fisika", 25)

            .Series(1).Points.AddXY("Matematika", 76)
            .Series(1).Points.AddXY("Bahasa Indonesia", 80)
            .Series(1).Points.AddXY("Fisika", 54)

            .Series(2).Points.AddXY("Matematika", 35)
            .Series(2).Points.AddXY("Bahasa Indonesia", 73)
            .Series(2).Points.AddXY("Fisika", 96)
        End With

Hasil

→ Grafik Garis (Line)

Untuk Line codingnya hampir sama dengan grafik Bar, akan tetapi coding...

.Series(0).ChartType = SeriesChartType.Column
            .Series(1).ChartType = SeriesChartType.Column
            .Series(2).ChartType = SeriesChartType.Column

Ganti menjadi...

.Series(0).ChartType = SeriesChartType.Line
.Series(1).ChartType = SeriesChartType.Line
.Series(2).ChartType = SeriesChartType.Line

Hasil

→ Grafik Lingkaran (Pie)

Untuk Pie codingnya juga hampir sama dengan grafik Bar dan Line akan tetapi coding...

.Series(0).ChartType = SeriesChartType.Column
            .Series(1).ChartType = SeriesChartType.Column
            .Series(2).ChartType = SeriesChartType.Column

Ganti menjadi...

.Series(0).ChartType = SeriesChartType.Pie
            .Series(1).ChartType = SeriesChartType.Pie
            .Series(2).ChartType = SeriesChartType.Pie

Hasil

Selain Grafik Bar, Line dan pie anda juga bisa membuat Grafik lain seperti Grafik Point, Bubble dan lain sebagainya, silahkan dipilih pada ChartType

Unduh Sourcecode
Pass: priacoding.com

Terimakasih, semoga bermanfaat..