Asp.Net’ de istatistikleri grafikle göstermek

Enes Pekkaya    Asp.Net     Asp.Net, Grafik, İstatistik

Benim yaptığım projelerin bazılarında benden grafikli istatistik göstermemi istediler. Yaptığım aramalarda bence çok yararlı ve bir o kadarda kullanımı kolay companent(bileşen) buldum.

Yazacağım bu yazı gerçekten çok işinizi  görecektir. Bence en önemli olanı kullanımı çok basit ve kullanacağımız bileşenin bedava olması 🙂

Neyse ben en iyisi nasıı kullanıldığını sizinle paylaşayım…

Özelliklerini anlatmaya başlıyayım ;

Bu bileşeni framework 2.0 da kullanabilirsiniz.

Bileşenin desteklediği grafik türleri :

• Alan Grafiği (AreaChart)
• Dağınık Grafik (ScatteredChart)
• Çizgi Grafiği (LineChart)
• Düzgün Çizgi Grafiği (SmoothLineChart)
• Pasta Grafiği (PieChart)
• Sütun Grafiği (ColumnChart)
• StackedAreaChart
• StackedColumnChart

Yukarıdan da anlaşıldığı üzere 8 tür grafiği desteklemektedir.

Bu bileşeni kullanmak için yapmanı gerek ise;

WebChart.dll adlı vereceğim dll dosyasını visual studio toolboxına ekleyiniz. (Bu işlemi bilmeyenler Visual Studio Toolbox’a companent (bileşen) eklenmesi yazımı okumalarında fayda var)

Bundan sonra yapacağınız olay, eğer isterseniz bu bileşeni Toolbox’ınıza eklemeniz. Zaten bu şekilde yaparak sadece yapacağınız sürükle – bırak ile bir butonu koyduğunuz gibi bunu da koymanız 🙂

Sonrasında aşağıdaki  kod anlatımı  ile Grafiğinizi oluşturmanız;

using WebChart;

Sayfamızın üst kısmına WebChart’ın kütüphanesini ekliyoruz.

PieChart chart = new PieChart();
chart.Data.Add(new ChartPoint("Enes", 10));
chart.Data.Add(new ChartPoint("Pekkaya", 15));
chart.Data.Add(new ChartPoint("Com", 10));

ChartControl1.Charts.Add(chart);
ChartControl1.RedrawChart();

Yukarıda yaptığımız işlem ile pasta grafiği çiziyoruz. Yukardıki kodları biraz açıklamak istersek eğer , ilk önce PieChart oluşturuyoruz sonra buraya 3 tane veri giriyoruz (isim, değer) olarak giriliyor. 3 tane veri girdikten sonra ChartControl1 adlı kontrolümüze bu verileri aktarıyoruz. En son işlem ilede kontrolümüzün şekli çizmesini istiyoruz. İşte basit haliyle görüntüsü ;

Bu componentin bir sürü özelliği bulunmaktadır. İstediğiniz gibi görselini vs sini değiştirebilirsiniz. Sizin zevkinize veya isteklere göre yapılandırabilirsiniz. 🙂

Bir yazımın daha sonunda geldik. Bu konu ile ilgili yaptığım örneği bilgisayarınıza indirmek için tıklayınız.