Cara Membuat Realtime Chart Menggunakan C#

Pada artikel kali ini saya akan menjelaskan cara membuat Realtime Chart (Grafik) menggunakan Microsoft Visual C# 2010. Dalam Bidang Studi Elektronika, grafik realtime biasanya digunakan untuk menampilkan data pengukuran secara kontinu pada komputer. Misalnya data hasil pembacaan Suhu, Kelembapan, Kecepatan Motor, dll.

Contoh Grafik Perubahan Suhu terhadap Waktu.

Pada Chart ini, Tipe chart adalah “Line” dan data yang digunakan sebagai input adalah data acak (Random). Adapun  komponen yang dibutuhkan yaitu:

1. MS Chart

2. Timer

Berikut langkah-langkahnya:

1. Buka aplikasi Visual Studio 2010
2. Klik menu File | New Project... sehingga muncul jendela New Project 
3. Pada bagian Installed Templates klik Other Languages, pilih Visual C#,     
    kemudian pilih Windows

 4. Klik Windows Forms Application

 

 5. Pada bagian "Name:" ketikkan nama Solution atau biarkan saja nama  
     defaultnya yang telah diberikan. Kemudian klik tombol OK

 

6. Setelah itu akan muncul tampilan berikut...

 7. Tambahkan komponen Chart yang ada pada Toolbox ke dalam Form1

 8. Tambahkan komponen Timer yang ada pada Toolbox ke dalam Form1

9. Aturlah ukuran Form1 dan posisi komponen Chart yang telah ditambahkan 

    tadi

 10. Tekan tombol F7 pada keyboard untuk membuka editor kode program. 

       Kemudian tambahkan kode programnya sebagai berikut...

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;
 
namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        Random data = new Random();
        public Form1()
        {
            InitializeComponent();
        }
 
        private void Form1_Load(object sender, EventArgs e)
        {
            chart1.Series["Series1"].ChartType = SeriesChartType.Line;
            chart1.Series["Series1"].BorderWidth = 5;
            timer1.Interval = 1000;
            timer1.Start();
        }
 
        private void timer1_Tick(object sender, EventArgs e)
        {
            chart1.Series["Series1"].Points.AddY(data.Next(10, 90));
        }
    }
}

11. Setelah itu jalankan program dengan mengklik tombol Start Debugging  

      atau tekan tombol F5 pada keyboard. Bila tidak ada Error maka akan  

      muncul tampilan berikut...

Selamat Mencoba!