[ADS] Top Ads

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

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"
Membuat Grafik Line, Bar dan Pie pada VB.Net

Tambahkan Chart pada Form aplikasi, seperti gambar dibawah..
Membuat Grafik Line, Bar dan Pie pada VB.Net

Membuat Grafik Line, Bar dan Pie pada VB.Net

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
Membuat Grafik Line, Bar dan Pie pada VB.Net

→ 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
Membuat Grafik Line, Bar dan Pie pada VB.Net

→ 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
Membuat Grafik Line, Bar dan Pie pada VB.Net

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..

Note
Himbauan : Jika artikel ini memang berguna untuk teman-teman, MOHON artikel ini dibagikan kepada yang lain AGAR teman-teman kita juga mendapat manfaatnya. Terimakasih..

3 comments

  1. bang kalo mau si skalanya automatis gak statis gitu gimana?

    ReplyDelete
  2. kalau mau statis harus konek ke database dulu, atau datanya di ambil dati datagridview atau listview

    ReplyDelete
  3. cara makai grafik database dong gan

    ReplyDelete

Post a Comment

[ADS] Bottom Ads