Chart Aracı Kullanımı

Bu yazımızda da chart aracının basit bir şekilde kullanımını ele alalım. Chart aracı grafik göstermek amacı ile kullanılan bir araçtır. Toolboxda data grubunun altında yer alır, sürükle bırak yöntemi ile veya çift tıklama ile eklenebildiği gibi tamamen kodsal yöntemlede formlarımıza ekleyebiliyoruz. Sürükle bırak yöntemi ile eklediğimizde varsayılan olarak aşağıdaki şekilde formumuza ekleniyor.

chart aracı kullanımı

Burada görünüm anlamında bir çok değişiklik yapabiliyorsunuz, bunlara detaylı değinmeyeceğim ama özetleyeleim. Arka plan rengini, geçişli renk efektini, arka plana resim eklemeyi, çerçeve kalınlıklarını, çerçeve çizgi renklerini, grafikteki renkleri (sütünlar, pasta dilimleri gibi), yazıları, yazıların renklerini, stillerini vb ayarları görünüm bölümünden ayarlayabilirsiniz.

Şimdi chart kullanımına ilişkin şöyle bir örnek yapalım. 5 tane telefon markasının satışlarını takip ettiğimizi düşünelim. Bu satış sayıları her bir telefon markası için textboxdan girilen değerlerden alınacak. Grafik olarak pasta grafiği kullanacağım.

Öncelikle formumun tasarımı aşağıdaki gibi olacak:

chart aracı kullanımı

Burada textbox isimlerini;

txtHuawei, txtIphone, txtSamsung, txtXiaomi, txtLG verdim. Butonumun Text özelliği Grafikte Göster, ismi ise  btnGrafikteGoster.

Grafiğime gelelim. Görselliği hakkında istediğiniz gibi oynayabilirsiniz, ben daha olmazsa olmaz özelliklerinde neleri değiştirdim ona değineyim. Öncelikle ilk başta Chart aracı eklendiğinde sütun grafik geliyor. Bu sütun grafiği değiştirmek için aşağıdaki görselde göreceğiniz üzere Chart bölümünde Series kısmına tıklıyorum.

chart aracı kullanımı

Daha sonra aşağıdaki ekran karşıma çıkıyor. Buradan Pie yani pasta grafiğini seçiyorum.

chart aracı kullanımı

Daha sonra aşağıdaki ekranda göreceğiniz üzere Name karşısında Series1 yazan yerin ismini SATISLAR yaptım. Yine bu ekranda var ise görsellikle değiştirmek istediğiniz görünüm özelliklerini değiştirebilirsiniz. Ben sadece fontu kalın ve biraz daha büyük punto yaptım.

chart aracı kullanımı

Şimdi gelelim kodlama kısmına. Ben satış verilerini tetbox kontrollerimden alacağım. Dolayısı ile değişken tanımlamam gerek. Bunun için öncelikle 5 tane değişken tanımlayacağım ve int türünde olacaklar. Daha sonra textboxdan bu verileri alıp, değişkenlerime aktaracağım.

Grafiğimdeki alanların sıfırlanması için aşağıdaki komut bloğunu kullanıyorum. Aksi halde her butona bastığımda veriler toplanır.

foreach (var series in chart1.Series)
            {
                series.Points.Clear();
            }

Şimdi kodlarımızın tamamını paylaşalım.

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;

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

        private void btnGrafikteGoster_Click(object sender, EventArgs e)
        {
            //textboxdan verileri çekmek için değişkenlerimi tanımladım.
            int huaweiSayi, iphoneSayi, SamsungSayi, XiaomiSayi, LGSayi;
            //Akabinde bu değişkenlerin veri dönüşüm işlemi yaptım.
            huaweiSayi = Convert.ToInt32(txtHuawei.Text);
            iphoneSayi = Convert.ToInt32(txtIphone.Text);
            SamsungSayi = Convert.ToInt32(txtSamsung.Text);
            XiaomiSayi = Convert.ToInt32(txtXiaomi.Text);
            LGSayi = Convert.ToInt32(txtLG.Text);

            //grafiğimdeki serilerin sıfırlanması için Clear butonu ile temizleme işlemim
            foreach (var series in chart1.Series)
            {
                series.Points.Clear();
            }

            //Daha sonra grafikte göstereceğim verileri tanımlama işlemlerimi yapıyorum.
            chart1.Series["SATISLAR"].Points.AddXY("Huawei", huaweiSayi);
            chart1.Series["SATISLAR"].Points.AddXY("Iphone", iphoneSayi);
            chart1.Series["SATISLAR"].Points.AddXY("Samsung", SamsungSayi);
            chart1.Series["SATISLAR"].Points.AddXY("Xiaomi", XiaomiSayi);
            chart1.Series["SATISLAR"].Points.AddXY("LG", LGSayi);


        }
    }
}

Uygulamamdan da son bir görselle yazımızı bitirelim. Şimdilik bu kadar. 😊

chart aracı kullanımı

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir