Kurumsal Otomasyon Çözümlerinde Zirve

ASP.NET ve Win Forms İçin Chart Kontrolü

ASP.NET ve Win Forms İçin Chart Kontrolü

Birçoğumuz uygulamalar geliştirken çeşitli grafiksel göstergelere (finansal,istatistiksel vb.) ihtiyaç duymuşuzdur. Her seferinde muhtemelen third party controllerden yararlanmışızdır ve keşke MS Excel’deki gibi kontroller olsaydı demişizdir. Microsoft duymuş olsa gerek ki hem görsel, hem kullanım, hem de performans açısından Chart Controls adında kontrolleri yayınladı. Daha güzel haber ise bu kontroller ÜCRETSİZ.

Kontrolleri kullanabilmek için aşağıdakileri sağlamanız gerekir.

1) .NET Framework 3.5
2) .NET Framework 3.5 Service Pack 1 (SP1) Buradan indirebilirsiniz.
3) ASP.NET ve Windows Forms için kontrolleri içeren Assembly’ler. Buradan indiribelirsiniz.
4) Chart Kontrolleri için Add-On ( Toolbox’da kontrollerin görünmesi ve intellisense için) Buradan indirebilirsiniz

Yukarıdaki maddeleri sağladıktan sonra projemize balayabiliriz.

1.Adım: Bir Adet ASP.NET projesi oluşturunuz.

Şimdi Toolbox’da Data sekmesine dikkat ederseniz. Chart kontrolümüzü görebilirsiniz.

2.Adım: Projenize bir adet Chart kontrolü, bir adet AccessDataSource ekleyiniz.

asp-net-ve-win-forms-icin-chart-kontrolu-1

asp-net-ve-win-forms-icin-chart-kontrolu-1

Ben veri kaynağı olarak Zirvedeki Beyinler serisine ait kitaplarının listelendiği veri tabanını kullandım.

asp-net-ve-win-forms-icin-chart-kontrolu-2

asp-net-ve-win-forms-icin-chart-kontrolu-2

Burada kategori kısmında kitapların ait olduğu kategorinin ismi yazılmıştır. Bende kategori kolonundan yararlanarak verilerimi gruplandırıp, grafiksel olarak göstermeye çalışacağım. Aşağıdaki SelectCommand=”select kat,count(*) from kitaplar group by kat”> satırına dikkat ediniz.

3.Adım: AccessDataSource’unuzu aşağıdaki gibi yapılandırınız.

 

4.Adım: Chart kontrolünüze ait DataSourceID özelliği için AccessDataSource1 seçeneğini seçiniz.

asp-net-ve-win-forms-icin-chart-kontrolu-3

asp-net-ve-win-forms-icin-chart-kontrolu-3

Grafiğinize ait göstergeleri belirleyebileceğiniz özellik Chart kontrolünün Series özelliğidir. Buradan grafiğinizin türünü, X ve Y eksenlerinin veri kaynaklarını vb. seçimler yapabilirsiniz.

5.Adım: Chart kontrolünüzün Series>Collection özelliğinden ChartType özelliğini kullanarak istediğiniz bir grafik türünü seçiniz. Ben Column(Sütun) seçiyorum.

asp-net-ve-win-forms-icin-chart-kontrolu-4

asp-net-ve-win-forms-icin-chart-kontrolu-4

6.Adım: XValueMember ve YValueMember özelliklerini veri kaynağınızdan gelen kolon isimlerine göre ayarlayınız.

asp-net-ve-win-forms-icin-chart-kontrolu-5

asp-net-ve-win-forms-icin-chart-kontrolu-5

Chart kontrolünüze ait son kaynak görüntüsü aşağıdaki gibi olmalıdır.

 

İşte Sonuç…

asp-net-ve-win-forms-icin-chart-kontrolu-6

asp-net-ve-win-forms-icin-chart-kontrolu-6

Bir sonraki yazımda Chart kontolü konusunda daha ileri bir uygulama yazacağım. Görüşmek dileğiyle.

Yorum Yapılmamış

Bir cevap yazın