DotnetCharting ile Web Ortamında Grafikler - KralForumuz.Biz -Bedava, indir, Film, Rapid,Rapidshare, Araba, Modifiye,Trendleri, Full, Mp3, Oyun, Okul öncesi, Program, Video, Msn, Eğitim, Ödev, Bilgiler, Resimleri, Wallpaper, Avatar, Aşk, Gençler, Muhabbet, Forum

QaFaDaR · 11-30-2007, 03:40 PM

DotnetCharting ile Web Ortamında Grafikler

Web ve windows kodlamalarımızda güzel ve etkileyici grafik arayüzleri rahatlıkla hazırlayabiliriz. Bunun için [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] adresinden daha geniş bilgi ve örnek bulabiliriz. Ben de bu konuda size bir kısmını anlatacağım. Sizlere Asp.Net sayfalarına nasıl grafik eklediğimizi anlatacağım. Bunun için yeni bir web projesi başlatalım. Daha sonra Toolbox penceremizin üstünde sağ tıklayalım ve karşımıza gelen pencereden Add tab seçeneğini tıklayalım ve oluşan tab başlığını “Grafik” olarak yazıp enter a basalım.

Daha sonra Grafik tab alanında mouse u sağ tıklayarak bu sefer Choose Items seçeneğini seçelim.

Karşımıza Choose Toolbox Items penceresi gelecektir. Buradan Browse butonuna basarak dotnetcharting.Dll dosyasını seçelim.

Daha sonra OK butonuna basarak penceremizi kapatalım. Artık Grafik tab alanı içerisine Chart kontrolü eklenecektir.

Şimdi web alanında design kısmına geçerek chart kontrolümüzü sürükleyerek sayfamıza bırakalım. Biz uygulamamızda bir XML dosyadan bilgileri okutacağız ve onun içerisindeki bilgilere göre değerler gelecektir. XML dosyamızı oluşturmak için WebSite > Add New Item seçeneğini tıklayalım. Gelen pencereden XML File’ı seçerek dosya adımızı YasBoy.Xml olarak değiştirdikten sonra Add butonuna basalım.

Xml dosyamızı aşağıdaki gibi oluşturalım.

<?xmlversion="1.0"encoding="utf-8"standalone="yes"?>
<NewDataSet>
<OrderTableAdi="Selcuk"Yasi="26"Boyu="170"/>
<OrderTableAdi="Mehmet"Yasi="37"Boyu="165"/>
<OrderTableAdi="Funda"Yasi="27"Boyu="175"/>
<OrderTableAdi="Elif"Yasi="29"Boyu="155"/>
<OrderTableAdi="Kadir"Yasi="35"Boyu="185"/>
<OrderTableAdi="Erdogan"Yasi="22"Boyu="155"/>
<OrderTableAdi="Safiye"Yasi="26"Boyu="150"/>
</NewDataSet>

Kaydettikten sonra Default.aspx design alanına geçelim. Sayfamızı çift tıklayarak Form_Load olayına gelelim. Kodumuzu yazalım.

using dotnetCHARTING; // YAZMAYI UNUTMAYINIZ
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Chart1.Title = "Bizim Chart1";
Chart1.ChartArea.XAxis.Label.Text = "Kisi Adlari";
Chart1.XAxis.FormatString = "MMMM d";
Chart1.ChartArea.YAxis.Label.Text = "Birimler";
Chart1.Series.Name = "satis";
Chart1.Series.Data = "yasboy.xml";
Chart1.Series.DataFields = "xaxis=adi,yaxis=yasi,yaxis=boyu";
Chart1.SeriesCollection.Add();
}
}
Default.aspx dosyamızı çalıştırdığımızda grafik ekrana gelecektir.

Sayfaya eklediğimi Grafiğin sağ üstteki ikonu tıkladığımızda properties pencerelerinden Chart Type ve ShadingEffectMode özelliklerini kullanabilirsiniz. Chart type à Gragiğin tipini , ShadingEffectMode ise grafiğe ait gölgeleme seçeneklerinin sunulmasını sağlamaktadır. Use 3D seçeneğini işaretlediğinizde 3 boyutlu bir görüntü verebiliriz.

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

11-30-2007, 03:40 PM	#1
Kullanıcı Profili QaFaDaR Kayıtlı Üye Bilgiler Üye No: 21 Üyelik tarihi: Nov 2007 Nerden: los angeles Yaş: 22 Mesajlar: 1.752 Konular: 1417 Ettiği Teşekkür: 117 309 Mesajına 447 Kere Teşekkür Edlidi Tecrübe Puanı: 2 Rep Puanı : 1436 Rep Seviyesi:	DotnetCharting ile Web Ortamında Grafikler DotnetCharting ile Web Ortamında Grafikler Web ve windows kodlamalarımızda güzel ve etkileyici grafik arayüzleri rahatlıkla hazırlayabiliriz. Bunun için [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...] adresinden daha geniş bilgi ve örnek bulabiliriz. Ben de bu konuda size bir kısmını anlatacağım. Sizlere Asp.Net sayfalarına nasıl grafik eklediğimizi anlatacağım. Bunun için yeni bir web projesi başlatalım. Daha sonra Toolbox penceremizin üstünde sağ tıklayalım ve karşımıza gelen pencereden Add tab seçeneğini tıklayalım ve oluşan tab başlığını “Grafik” olarak yazıp enter a basalım. Daha sonra Grafik tab alanında mouse u sağ tıklayarak bu sefer Choose Items seçeneğini seçelim. Karşımıza Choose Toolbox Items penceresi gelecektir. Buradan Browse butonuna basarak dotnetcharting.Dll dosyasını seçelim. Daha sonra OK butonuna basarak penceremizi kapatalım. Artık Grafik tab alanı içerisine Chart kontrolü eklenecektir. Şimdi web alanında design kısmına geçerek chart kontrolümüzü sürükleyerek sayfamıza bırakalım. Biz uygulamamızda bir XML dosyadan bilgileri okutacağız ve onun içerisindeki bilgilere göre değerler gelecektir. XML dosyamızı oluşturmak için WebSite > Add New Item seçeneğini tıklayalım. Gelen pencereden XML File’ı seçerek dosya adımızı YasBoy.Xml olarak değiştirdikten sonra Add butonuna basalım. Xml dosyamızı aşağıdaki gibi oluşturalım. <?xmlversion="1.0"encoding="utf-8"standalone="yes"?> <NewDataSet> <OrderTableAdi="Selcuk"Yasi="26"Boyu="170"/> <OrderTableAdi="Mehmet"Yasi="37"Boyu="165"/> <OrderTableAdi="Funda"Yasi="27"Boyu="175"/> <OrderTableAdi="Elif"Yasi="29"Boyu="155"/> <OrderTableAdi="Kadir"Yasi="35"Boyu="185"/> <OrderTableAdi="Erdogan"Yasi="22"Boyu="155"/> <OrderTableAdi="Safiye"Yasi="26"Boyu="150"/> </NewDataSet> Kaydettikten sonra Default.aspx design alanına geçelim. Sayfamızı çift tıklayarak Form_Load olayına gelelim. Kodumuzu yazalım. using dotnetCHARTING; // YAZMAYI UNUTMAYINIZ public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Chart1.Title = "Bizim Chart1"; Chart1.ChartArea.XAxis.Label.Text = "Kisi Adlari"; Chart1.XAxis.FormatString = "MMMM d"; Chart1.ChartArea.YAxis.Label.Text = "Birimler"; Chart1.Series.Name = "satis"; Chart1.Series.Data = "yasboy.xml"; Chart1.Series.DataFields = "xaxis=adi,yaxis=yasi,yaxis=boyu"; Chart1.SeriesCollection.Add(); } } Default.aspx dosyamızı çalıştırdığımızda grafik ekrana gelecektir. Sayfaya eklediğimi Grafiğin sağ üstteki ikonu tıkladığımızda properties pencerelerinden Chart Type ve ShadingEffectMode özelliklerini kullanabilirsiniz. Chart type à Gragiğin tipini , ShadingEffectMode ise grafiğe ait gölgeleme seçeneklerinin sunulmasını sağlamaktadır. Use 3D seçeneğini işaretlediğinizde 3 boyutlu bir görüntü verebiliriz. [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
	Hayat Kisa Degmez Bir Kiza !! Bazen arkada$lik bazen sevili olmakti a$k Bana gore a$k fedakarlikti Bazen susmayi bilmek bazende dogru $eyleri konu$makti A$in icinde engeller oyunlar firtinlar yoktu A$k birbirini yipratmak degildi cunku A$k sinirsizca sorgusuzca sonsuzca sevmekti blok sıteme gırıs : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç