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
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.
Ben veri kaynağı olarak Zirvedeki Beyinler serisine ait kitaplarının listelendiği veri tabanını kullandım.
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.
|
<asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/db.mdb"
SelectCommand="select kat,count(*) as adet from kitaplar group by kat">
</asp:AccessDataSource>
|
4.Adım: Chart kontrolünüze ait DataSourceID özelliği için AccessDataSource1 seçeneğini seçiniz.
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.
6.Adım: XValueMember ve YValueMember özelliklerini veri kaynağınızdan gelen kolon isimlerine göre ayarlayınız.
Chart kontrolünüze ait son kaynak görüntüsü aşağıdaki gibi olmalıdır.
|
<asp:Chart ID="Chart1" runat="server" DataSourceID="AccessDataSource1">
<Series>
<asp:Series Name="Series1" XValueMember="kat" YValueMembers="adet">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
|
İşte Sonuç...
Bir sonraki yazımda Chart kontolü konusunda daha ileri bir uygulama yazacağım. Görüşmek dileğiyle.
Engin Demiroğ MCSE-MCSD.NET