Chart ก็คือ Graph Graph ก็คือ Chart

การเขียนเว็บโปรแกรมมิ่ง หรือ เว็บธรรมดา ไม่ว่าจะด้วยภาษาใดๆ ก็ตาม หลีกหนีไม่พ้นที่จะมีเรื่องของการออกรายงาน มาเกี่ยวข้อง  ซึ่งเท่าที่ผมศึกษาดู กราฟหรือชาร์ต จะแบ่งออกเป็น 3 กลุ่มใหญ่ๆ คือ กราฟที่ถูกสร้างออกมาเป็นรูปภาพ กราฟที่ใช้จาวาสคริปต์ในการสร้าง และกราฟที่ใช้แฟลช เข้ามาช่วย

ใจของผมเองค่อนข้างให้คะแนนกับแฟลชมากกว่า อีก 2 แบบ เพราะเนื่องจากความสวยงามโดยไม่ต้องแต่งอะไรมาก และมีแอนิเมชั่นตอนแสดงด้วย

แต่ก็ใช่ว่ากราฟแบบอื่นจะไม่ดีนะครับ มันก็ขึ้นอยู่กับความชอบของแต่ละบุคคล ก็ลองเลือกใช้กันตามอัธยาศัยละครับ ในเว็บนี้ผมก็ได้เขียนบทความ การใช้งานกราฟ ไปบ้างแล้ว

1. Google Chart API บริการสร้างชาร์ทจากเฮียกู

2. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 1 เกริ่นนำ

3. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 2 ปูพื้น

4. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 3 ลองของ

5. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 4 พูดไทย

6. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 5 แปลงร่าง

7. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 6 database

8. XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 7 Finally ตบตูด

เอาละครับ ถึงเรื่องที่เราพูดกันในวันนี้เสียที เริ่มเลยละกันครับ

1. Open Flash Chart : Flash

Website : http://teethgrinder.co.uk/open-flash-chart/

Demo : http://teethgrinder.co.uk/open-flash-chart/

ผมยกตัวนี้ขึ้นมาเป็นตัวแรก ก็เพราะว่าตัวนี้ ฟรีร้อยเปอร์เซ็นต์

2. amcharts : Flash

Website : http://www.amcharts.com/

Demo : http://www.amcharts.com/column/3d-stacked-column-chart/

 ตัวนี้จัดได้ว่างดงามเลยล่ะครับ มีทั้งเวอร์ชั่นฟรีและเสียตัง เวอร์ชั่นฟรีจะมีลิ้งก์เล็กๆแสดงในชาร์ต แต่แสดงไว้เล็กๆครับ อยู่ในเกณฑ์ที่รับได้ ไม่ทำให้ชาร์ตเราน่าเกลียด ตัวนี้ผมใช้อยู่ครับ

3. FusionCharts : Flash

Website : http://www.fusioncharts.com/free/Default.asp?gMenuItemId=1

Demo : http://www.fusioncharts.com/Demos/Blueprint/#start

ตัวนี้ก็งดงามครับ มีแอนิเมชั่นอันยอดเยี่ยม มีคุณบัติ AJAX ด้วยนะครับ ฟรีครับ ที่พูดมาทั้งหมดนี้ จะตบท้ายว่า ผมยังไม่เคยใช้ครับ สาเหตุก็เพราะว่า ผมรู้จัก amcharts ก่อนจะมารู้จักตัวนี้ และก็เห็นว่า amcharts นั้นตอบสนองความต้องการของตัวเองได้เต็มๆ แล้ว ก็เลยยังไม่ได้ลองใช้งานตัวนี้ดู แต่จะไม่กล่าวไว้ มันก็เหมือนกับว่าบทความนี้ไม่สมบูรณ์

4. XML/SWF Charts : Flash

Website : http://www.maani.us/ 

Demo : http://www.maani.us/xml_charts/index.php?menu=Gallery&submenu=3D_Pie

ตัวนี้ก็งดงามครับ มีทั้งเวอร์ชั่นฟรีและเสียตัง เวอร์ชั่นฟรีเวลาคลิกบนตัวชาร์ต จะลิ้งก์ไปยังเว็บไซต์เจ้าของ  แต่ก็จะไม่แสดงลิ้งก์เว็บให้เกะกะลูกตา  โดยส่วนตัวผมชอบวิธีของ amchart มากกว่า แสดงลิ้งก์กันให้เห็นๆไปเลย

5. jpGraph : Image

Website : http://www.aditus.nu/jpgraph/index.php

ตัวนี้คงไม่ต้องบรรยายสรรพคุณยา มาก เพราะคนเขียน PHP ทุกคนน่าจะรู้จักกันดี

6. Google Visualization API : JavaScript

Website : http://code.google.com/apis/visualization/ 

Demo : http://code.google.com/

ของฟรีพี่กูเกิลเป็นประกัน

7. JS Charts : JavaScript

Website : http://www.jscharts.com/

Demo : http://www.jscharts.com/

ตัวนี้ก็ฟรีเช่นกันครับ

จากที่กล่าวมาทั้งหมด ก้ลองเลือกเล่น เลือกใช้กันดูนะครับ แต่ละตัวผมก็ว่าดีๆ ทั้งนั้น

*** เพิ่มเติม 8/เมษายน/2552 เครดิตโดย คุณ 7 ***

8. pChart : Image

Website : http://pchart.sourceforge.net/index.php

Demo : http://pchart.sourceforge.net/screenshots.php

วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย

Programmer, Blogger

ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ