24 Mart 2010 Çarşamba

C# ile pasta tablosu oluşturma (draw pie chart)

Bu yazımda size C#'ta Graphics nesnesini kullanarak excel ve word'den aşina olduğumuz chartlardan pie chartını oluşturacağım. Bir senaryomuz olsun ve bir sınıftaki öğrencilerin aldığı notların dağılımı gösteren bir tablo oluşturalım. Bunun için Windows Form Application kullanağız.Formumuzda öğrencilerin aldığı notları uygulamaya girebileceği 5 adet textbox kontrolü ekleyelim. Bu textboxların hangi notlara ait olduğunu bildiren labellarımız olsun. Birde formumuza notları grafiğe dönüştüren ve formumuzu temizleyen 2 adet button konulduğunda formumuzun tasarımı tamamdır.
Ekran görünümü aşağıdaki gibi olacak. Sağ tarafı biraz boş bırakın o boş kısımda tablomuzu göstereceğiz.
ex1
Kod kısmına geçebiliriz.
İlk öncelikle formun load eventinde pasta dilimimizde hangi dilimlerin hangi öğrenci grubunu temsil ettiğini anlmak için textboxların arka plan rengi değiştiriyorum.
private void Form1_Load(object sender, EventArgs e)
        {
            textBox1.BackColor = Color.Red;
            textBox2.BackColor = Color.Blue;
            textBox3.BackColor = Color.Yellow;
            textBox4.BackColor = Color.Green;
            textBox5.BackColor = Color.Orange;
        }
Daha sonra  Tamam butonunun click eventinde textboxlardan sayısal değerleri alarak bunları pasta diliminde yorumlanabilir bir şekle getiriyoruz.   
            int not1= 0;
            int not2 = 0;
            int not3 = 0;
            int not4 = 0;
            int not5 = 0;
            try
            {
                not1 = int.Parse(textBox1.Text);
                not2 = int.Parse(textBox2.Text);
                not3 = int.Parse(textBox3.Text);
                not4 = int.Parse(textBox4.Text);
                not5 = int.Parse(textBox5.Text);
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message);
            }
           float total = not1 + not2 + not3 + not4 + not5;
           
            float deg1 = (not1 / total) * 360;
            float deg2 = (not2 / total) * 360;
            float deg3 = (not3 / total) * 360;
            float deg4 = (not4 / total) * 360;
            float deg5 = (not5 / total) * 360;
Yukarıda ki kod parçaşıyla notu 1,2,3,4,5 olan tüm öğrencileri buluyorum. Elde ettiğim sonucu total değişkenine atıyorum. Sonra 1 alan öğrencilerin sınıfın kaçta kaçını oluşturduğunu bularak 360 ile çarparak dilimdeki payını (açısal) hesaplıyor ve bir değişkene aktarıyorum. Bunu farklı not alan öğrenciler içinde uyguluyorum.
Şimdi pastamızı oluşturmaya başlıyoruz.
Pen p = new Pen(Color.Black, 1);
Graphics g = this.CreateGraphics();
Rectangle rec = new Rectangle(textBox1.Location.X + textBox1.Size.Width + 10, 12, 150, 150);

            Brush b1 = new SolidBrush(Color.Red);
            Brush b2 = new SolidBrush(Color.Blue);
            Brush b3 = new SolidBrush(Color.Yellow);
            Brush b4 = new SolidBrush(Color.Green);
            Brush b5 = new SolidBrush(Color.Orange);
            g.Clear(Form1.DefaultBackColor);
            g.DrawPie(p, rec, 0, deg1);
            g.FillPie(b1, rec, 0, deg1);
            g.DrawPie(p, rec, deg1, deg2);
            g.FillPie(b2, rec, deg1, deg2);
            g.DrawPie(p, rec, deg2 + deg1, deg3);
            g.FillPie(b3, rec, deg2 + deg1, deg3);
            g.DrawPie(p, rec, deg3 + deg2 + deg1, deg4);
            g.FillPie(b4, rec, deg3 + deg2 + deg1, deg4);
            g.DrawPie(p, rec, deg4 + deg3 + deg2 + deg1, deg5);
            g.FillPie(b5, rec, deg4 + deg3 + deg2 + deg1, deg5);
İlk önce pasta dilimlerini birbirinden ayıran çizgimizi  Pen ile rengi siyah ve kalınlığı 1 px olacak şekilde oluşturduk.Graphics ise çizimi oluşturacak metodları içerir. Rectangle, pasta tablomuzun formun hangi koordinatlarda ve hangi büyüklükte olucağını belirler. Bizim örneğimizde x koordinatı “textBox1.Location.X + textBox1.Size.Width + 10” olarak ayarlanmıştır. Böylece grafiğimizin textboxların yanında çıkmasını sağladık. Daha sonra Brush yardımıyla  pasta dilimlerimizi renklendirmede kullanacağımız renkleri Brush tipindeki değişkenlere aktardık.
Graphics’in bize sunduğu metodlardan biri olan g.Clear() metoduyla grafiğimizi işlemlere başlamadan siliyoruz. Burada gördüğümüz ikinci metod olan g.DrawPie()  ile ilk pasta dilimimizi oluşturuyoruz. Bu metodun içerisine oluşturduğumuz pen tipindeki değişkenimiz olan p yi, rectangle tipindeki değişkeninimizi, çizime başlıyacağı başlangıç açısını ve son olarak  oluşturacağımız pasta açısını veriyoruz. g.FillPie() metoduyla ile farklı olarak sadece Brush ile pasta dilimimize renk veriyoruz. Ama dikkat edilmesi gereken şey g.DrawPie ve g.FillPie metodlarında başlangıç açısı “0” ile başlar ve oluşturulan herbir dilim kendinden önceki dilim ve dilimlerin açısının toplamı, başlangıç açısını oluşturur.
Programımızı artık deneyebiliriz.
ex2
ex3
Umarım yararlı olmuştur.

Hiç yorum yok:

Yorum Gönder