Chart Kontrolü

Bu makalemde sizlere ASP.net'te chart kontrolünün nasıl kullanıldığını anlatacağım. Chart kontrolü nedir, ne işe yarar, nerelerde kullanılır?

Merhabalar,

Bu makalemde sizlere ASP.net'te chart kontrolünün nasıl kullanıldığını anlatacağım. Chart kontrolü nedir, ne işe yarar, nerelerde kullanılır?

Chart kontrolü miktar orantılarını belirlemek için kullanılır.

Mssql server 2008 de yeni bir db olusturup ID, ürün adı, ürün miktarı adlı üç kolonlu bir tablo oluşturuyoruz.

Yeni bir web uygulama projesi açıp data penceresi altından chart kontrolünü ekliyoruz. Ardından formun load kısmına aşağıdaki kodları yazıyoruz:


protected void Page_Load(object sender, EventArgs e)

        {

            SqlDataAdapter dap = new SqlDataAdapter("Sorgu Cümleniz", "Bağlantı Cümleniz");

            DataSet ds = new DataSet();

            dap.Fill(ds);

            Chart1.DataSource = ds.Tables[0];

            Chart1.DataBind();

        }



Chart kontrolünü bu şekilde dolduruyoruz. Fakat bu kontrolün en önemli iki özellğini ayarlamamız lazım. Asp.net source tarafında series adlı bir tag bulunmaktadır. Bunların içine XValueMember="Ürün Adı" YValueMembers="Ürün Miktar" kolonlarını giriyoruz ve çalıştırıyoruz. Güzel bir hata yiyoruz (: Bunu önlemek için, web.config dosyasındaki appsettings altındaki tag'dan dir'i siliyoruz. Çünkü bizden local'den bir dosya istemektedir.

Umarım herkese yararlı olmuştur. Bir sonraki derste görüşmek dileğiyle...
  • Etiketler;
Yusuf Güler
2003'ten beri bilgisayarla sıkı bir dost olan Yusuf Güler, 2005 yılında yazılıma merak sardı. <p>2006 yılından beri yazılım, donanım, network, sistem ve web alanında kendini geliştirdi. <p>2008 yılında profesyonel olarak yazılım hayatına başladı. Bir çok büyük ve orta ölçekli projelerde görev aldı. Zaman zaman proje yöneticiliği yaptı. <p>Şu an özel bir şirkette yazılım bölüm başkanı olarak çalışan Yusuf Güler, piyasada çeşitli projelerde de görev almaktadır. <p>MCP, MCTS, MCPD ünvanlarına sahiptir. 2010 yılında ise Bilge Adam B.T.A.'da aldığı 300 saat yazılım ve veritabanı uzmanlığı eğitimi ile altyapısını iyice güçlendirmiştir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Konuyu pek anlamadım. daha açıklayıcı resimlerle anlatılabilinirdi.
Ben de ağın engellemesi sebebiyle resim koyamıyorum ama biraz daha açıklayıcı olacağını düşündüğüm kodları ekliyorum aşağıya: [b]Web.Config için yapılan ayar:[/b] [code]<appSettings> <add key="ChartImageHandler" value="storage=file;timeout=20;dir=c:TempImageFiles;" /> </appSettings>[/code] iken [code]<appSettings> <add key="ChartImageHandler" value="storage=file;timeout=20;" /> </appSettings>[/code] şeklinde değiştirilir. [b]Kod kısmı [Veri tabanından data çekme]:[/b] [code]OleDbConnection c = new OleDbConnection(@"Provider=Microsoft.ACE.OLEDB.12.0;Data Source=C:DB.accdb"); c.Open(); OleDbDataAdapter da = new OleDbDataAdapter("SELECT URUN,FIYAT FROM Urunler", c); DataSet ds = new DataSet(); da.Fill(ds); Chart1.DataSource = ds; Chart1.DataBind();[/code] [b]Series kısmı[/b] properties/Series : XValueMember = URUN,YValueMembers=FIYAT Yani veritabanından çektiğiniz kolon isimleriniz.

Yukarı Git