Asp.Net Google Charts (Grafik) Kullanımı

google-charts

Merhaba Arkadaşlar,

Bugün size Asp.Net’te Google Charts ile verileri nasıl kolay bir şekilde grafik haline getirebileceğinizi göstereceğim.

Biz burada grafik türü olarak Line Chart kullanacağız. Siz buradan bakarak istediğiniz grafik türünü seçebilirsiniz.

Önce yeni bir sayfa oluşturarak aşağıdaki kodları <head></head> arasına ekliyoruz.

 

 

Sonra birazda ekranda ortalayarak div oluşturuyoruz.

 

 

Şimdide verimizi çekeceğimiz sayfamızı oluşturuyoruz. Ben data.aspx sayfasını oluşturdum. Burada veriyi alacağımız metodu (GetData) [WebMethod] yapıyoruz. Bu sayfaya da aşağıdaki gibi kodları ekliyoruz.

 

 

Ben burada veriyi statik olarak verdim. Siz istediğiniz gibi veritabanın’dan çekebilirsiniz. Sonuç olarak aşağıdaki gibi grafiği ekrana basmış oluyoruz.

 

google-charts-result

 

 

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir