สร้าง Graph (Fution Charts กับ CodeIgniter)

download Fution Charts ได้ที่ Fution Charts ไม่ใช่โปรแกรมฟรี แต่สามารถเอาไปใช้ได้ โดยจะมี logo fution charts ติดอยู่


1. copy
   1.1 folder Charts ไปไว้ที่ path เดียวกับ System ของ CodeIgniter (folder Charts เก็บ file flash ที่ไว้แสดง graph)
   1.2FusionCharts.js ไว้ที่ folder js
   1.3FusionCharts.php ไว้ที่ folder view
2. inculde file
   2.1FusionCharts.js

<script type="text/javascript" src="<?= base_url();?>system/application/js/FusionCharts.js"></script>

   2.2 FusionCharts.php

<?include("FusionCharts.php");?>

3. code generate xml เพื่อส่งไปแสดงผล โดยดูตัวอย่างตามคู่มือที่ download มา (ขึ้นตอนนี้ให้ php ช่วย gen)

<chart caption="Monthly Unit Sales" xAxisName="Month" yAxisName="Units" showValues="0" decimals="0" formatNumberScale="0">
<set label="Jan" value="462"/>
<set label="Feb" value="857"/>
<set label="Mar" value="671"/>
<set label="Apr" value="494"/>
<set label="May" value="761"/>
<set label="Jun" value="960"/>
<set label="Jul" value="629"/>
<set label="Aug" value="622"/>
<set label="Sep" value="376"/>
<set label="Oct" value="494"/>
<set label="Nov" value="761"/>
<set label="Dec" value="960"/>
</chart>     

3. เลือก graph ที่จะแสดง

<?echo renderChart("http://intranet.oic.or.th/question/Charts/Column3D.swf", "", $strXML, "voteBar", 550, 300, false, false);?>

ลองเล่นได้แค่นิดหน่อย มีเขียนไว้ในคู่มือหมดแล้ว ใครเจออะไรดีๆ มา share กันได้นะครับ ;)


มี review เครื่องมือสร้าง graph ตัวอื่นเพิ่มเติม ที่นี้

Oracle SQL

บันทึกไว้หน่อย
ตรวจสอบ data ใน column ว่ามีตัวอักษรเหรอไม่
1. แทนที่ตัวเลขทุกตัวด้วย อักษร X
2. ตัด X ออกจากข้อมูล
3. นับความยาวของ data ถ้ามีตัวอักษร จะมีความยาว > 1

Select *
FROM Table
WHERE
length(replace(translate(Column_name,'0123456789','XXXXXXXXXX'),'X'))> 1

เพิ่มจำนวนปี
Select column_name + NUMTOYMINTERVAL ( 5, 'year' ) From dual

concat ตัวอักษร
1. CONCAT(A, B)
2. A || ' ' || B
3. A + ' ' + B

CSS Large Background

body {
 padding: 0;
 margin: 0;
 background: #f8f7e5 url(picture_path) no-repeat center top;
 color: #333333;
}
#content {
 width: 860px;
 margin: 238px auto 0;
 background: #fff;
 border: solid 1px #ccc;
 padding: 20px;
}

ที่มา ==> Web Design Wall