Wednesday, March 7, 2012

Grafik VB.net menggunakan tool mschart



Grafik


Bagaimana cara membuat grafik pada aplikasi yang akan kita buat dengan berbasis client - server ??
semoga artikel ini dapat membantu anda bagaimana cara membuat membuat grafik  berbasis database.


Saya develop aplikasi ini menggunakan Visual studio 2008, Sebagai database saya menggunakan sqlserver untuk membuat tabel pada sql server, silahkan lihat ini membuat database sederhana. mulailah untuk membuat project baru pada Visual studio anda,
pada  file > new > new project > visual basic buatlah window form, pastikan toolbox telah teriinstal mschart, jika mschart belum terinstal pada visual studio anda, anda dapat mendownload nya disini MSchart.


setelah mschart terinstal lakukan langkah-langkah ini untuk menampilkan mschart di toolbox
klik kanan pada toolbox pilih choose items.. klik Browse  ke directory C:\Program Files\Microsoft Chart Controls\Assemblies pilih System.Windows.Forms.DataVisualization.dll kilk ok, Pastikan Chart tercentang lalu ok.
Toolbox chart

drag chart ke windows form atau double click, anda dapat menambahkan beberapa fitur-fitur yang ada pada propertis sesuai yang ingin anda tampilkan pada form nanti


Grafik Propertis

untuk Binding data dari database ke grafik, double click form anda, masukan koding berikut ini.

        Dim Str As String = "Data Source=192.168.1.1\SQLEXPRESS;Initial Catalog=Contoh; User=admin; Pwd=1" ' String koneksi database anda
        Try
            Dim cnt As New SqlClient.SqlConnection(Str) 
            Dim cmd As New SqlClient.SqlCommand
            cnt.Open()
            cmd.Connection = cnt
            Dim Comment As String = "SELECT top 5 Penjualan, tanggal FROM grafik "
            Dim da As New SqlClient.SqlDataAdapter(Comment, cnt)
            Dim ds As New DataSet()
            da.Fill(ds, "grafik")
            Chart1.Series("Series1").XValueMember = "tanggal"
            Chart1.Series("Series1").YValueMembers = "Penjualan"
            Chart1.DataSource = ds.Tables("grafik")
            cnt.Close()
        Catch ex As Exception
            MsgBox(ex.Message)
        End Try


      


dari perintah tersebut saya meminta pada database untuk menampilkan 5 teratas penjualan tertinggi untuk seluruh penjualan dari tanggal yang ada pada table grafik, pastikan database anda "tersimpan data" sehingga grafik dapat terlihat, database ini berkaitan dengan artikel yang dibuat sebelumnya membuat database sederhana untuk menyimpan data pada table sesuai dengan database yang anda ingin simpan anda dapat menyimpannya secara manual pada Query sql server atau melalui aplikasi seperti artikel berikut ini Insert,Save,Update dan Delete pada VB net.

sourcecode








6 comments:

  1. makasihh informasinyaa,,, tapi gmn caranya klo mau ditambah button,,, jadi di klik buttonya dlu baru tampil chartnya??

    ReplyDelete
    Replies
    1. Kalo gitu double click aja button nya sist atau menggunakan printah "click event", entar tampil Coding di bawah ini tergantung nama buttonnya apa.
      Paste koding apa yang ingin dieksekusi.

      Private Sub Button1_Click(ByVal sender As System.Object, ByVale As System.EventArgs) Handles Button1.Click
      ("Coding chart yang ingin ditampilkan")
      Chart1.Enabled = True
      End sub

      kalau Coding diatas dia menggunakan Event Form_Load,
      yang berarti dia akan tampil ketika program kita dieksekusi pertamakali

      Private Sub Reportform_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
      "Paste Coding"
      End Sub

      Delete
  2. mas saya pake visual studio 2012 bahasa VB, kalo mau nampilin nilai Variabel Double array ke chart gimana?

    misal ada data x() array dimensi 1. di eksekusi kalo klik button. tapi setiap kali di klik datanya mulai dari awal gak ngelanjutin.

    mohon infonya ya. trima kasih

    ReplyDelete
  3. insert chart control di web nya gimana mas? references nya udah masuk tapi di toolbox gak mau muncul. saya pakai VS 2005. Udah registeter assembly, prefix sama di web.confignya juga udah, tapi pas switch ke design muncul error "error creating control - object reference not set to an instance object".
    mohon infonya dong mas. makasih.

    ReplyDelete
  4. Gan gimana cara nampilkan angka di diagram batangnya ?

    ReplyDelete