Coldfusion ile Grafik Oluşturma
13 Kasım 2008 PerşembeColdfusion’u diğer web tabanlı uygulama geliştirme dillerinden ayıran en önemli özellik, etiket temelli bir dil olması ve birkaç etiket ile birtakım işlerin kolaylıkla yapılabilmesidir. Coldfusion, doğrudan flash çıktı üretebilmektedir, siz herhangi bir sorgunun sonucunu doğrudan bir grafiğe, bir data grid’e vs. kolayca aktarabilirsiniz.
Coldfusion’da grafik çıktı almak için <cfchart> etiketi kullanılır. <cfchart> etiketleri arasına <cfchartseries ile sorgu sonucunda hangi alanların grafiğinin çizileceği belirtilir. Aşağıdaki örneği inceleyelim;
<cfprocessingdirective pageencoding="utf-8"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Grafik</title> </head> <body> <CFQUERY NAME="rsOrders" DATASOURCE="cfartgallery"> SELECT * FROM ORDERS </CFQUERY> <cfchart backgroundcolor="##cfcfcf" chartheight="300" chartwidth="300" format="flash" show3d="yes" showlegend="yes" title="Satış Grafiği" url="detay.cfm?VALUE=$VALUE$&ITEMLABEL=$ITEMLABEL$&SERIESLABEL=$SERIESLABEL$"> <cfchartseries type="cylinder" itemcolumn="#rsOrders.OrderID#" query="rsOrders"> <cfloop query="rsOrders"> <cfchartdata item="#rsOrders.CUSTOMERFIRSTNAME#" value="#rsOrders.TAX#"> </cfloop> </cfchartseries> </cfchart> </body> </html>
Yukarıdaki kod ile yapılan işlemler;
<CFQUERY satırında ORDERS tablosundan sorgu yapılmaktadır- <cfchart ile bir grafik oluşturulacağı belirtilmektedir. Grafiğin formatı flash olarak belirtilmiştir, flash yerine jpg veya png formatında grafikler de üretilebilir.
- <cfchartseries ile “rsOrder” sorgusunun OrderID sütunun’un gösterileceği belirtilmiştir.
- Bu örnekte asıl dikkatinizi çekmek istediğim nokta, <cfchart etiketinin URL özelliği. URL’de detay.cfm dosyasına seçilen grafik elemanının değerleri alınarak bir gönderme yapılmaktadır. Bu yöntemle grafik detayları üzerinden başka rapor sayfalarına yönlendirmeler yapılabilir.
Örnek video için tıklayınız.
Bu yazı ile ilgili yorumları RSS 2.0 adresinden takip edebilirsiniz..
Bu yazıya yorum ekleyebilirsiniz veya kendi web sitenize geri izleme olarak ekleyebilirsiniz.