Thursday 19 February 2015

Membuat Grafik menggunakan Zedgraph pada C#

Haloo semuanya!!!!!!!
Salam Kapasitorrr!! hehe
Dalam kehidupan sehari - hari sering kita menemukan data berupa angka - angka yang banyak sehingga membuat kita bingung untuk menyimpulkan hasil dari data tersebut. Alangkah baiknya jika data berupa angka - angka tersebut dapat berupa grafik sehingga permudah pembaca untuk menyimpulkan data - data tersebut menjadi sebuah informasi yang jelas dan singkat.


Pada kesempatan kali ini kita akan membuat sebuah grafik menggunakan library zedgraph pada c#. Hal yang pertama kali harus dilakukan adalah kita harus mendowload library tersebut disini.
Setelah itu buka software microsoft visual studio c# nya. Buat New Project, windows form application yang polos seperti ini.



Setelah itu kita tambahkan library zedgraph yang telah didownload sebelumnya dengan cara klik tab Project, Add References, lalu pilih browse, dan browse lokasi file zedgraph.dll, setelahnya OK.


Kemudian buka toolboxnya, drag & drop Zedgraph Control ke dalam Form dan langsung diatur ukurannya. Maka hasilnya akan seperti dibawah ini.


Berikutnya adalah bagian pemrogramannya.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using ZedGraph;

namespace Belajar_Grafik
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        GraphPane myPane = new GraphPane();

        // poing pair lists
        PointPairList listPointsOne = new PointPairList();
        PointPairList listPointsTwo = new PointPairList();

        // line item
        LineItem myCurveOne;
        LineItem myCurveTwo;

        private void Form1_Load(object sender, EventArgs e)
        {
            // set your pane
            myPane = zedGraphControl1.GraphPane;

            // set a title
            myPane.Title.Text = "This is an example!";

            // set X and Y axis titles
            myPane.XAxis.Title.Text = "X Axis";
            myPane.YAxis.Title.Text = "Y Axis";

            // ---- CURVE ONE ----
            // draw a sin curve
            for (int i = 0; i < 100; i++)
            {
                listPointsOne.Add(i, Math.Sin(i));
            }

            // set lineitem to list of points
            myCurveOne = myPane.AddCurve(null, listPointsOne, Color.Black, SymbolType.None);
            // ---------------------

            // ---- CURVE TWO ----
            listPointsTwo.Add(10, 50);
            listPointsTwo.Add(50, 50);

            // set lineitem to list of points
            myCurveTwo = myPane.AddCurve(null, listPointsTwo, Color.Blue, SymbolType.None);
            myCurveTwo.Line.Width = 5;
            // ---------------------

            // draw
            zedGraphControl1.AxisChange();   
        }
    }
}


Hasilnya sebagai berikut..


Sekian tutorial kali inii, semoga bermanfaat...
Iklannya diklik ya gan hehehe
Matur nuwun..


3 comments:

  1. Replies
    1. Mohon maaf link sdh ga aktif, secepatnya nnti sy kasih link yg baru..

      Delete
  2. Min minta code buat masukin data dari textboox biar bisa dimasukin ke zedgraph

    ReplyDelete