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

Google Chart API บริการสร้างชาร์ทจากเฮียกู   ไม่ต้องสนใจโค้ด ไม่ต้องเปลืองเนื้อที่เก็บโค้ด ไม่มีปัญหาเรื่องสร้างไฟล์ภาพไม่ได้ แค่คุณส่งข้อมูลมา เฮียกูจัดฮ่ายยยย….   jpGraph : ลำบากเรื่องคอนฟิก swf-xml chart : เมื่อคลิกที่ชาร์ท จะลิ้งก์ไปเว็บผู้เป็นเจ้าของ ถ้าไม่อยากให้มีลิ้งก์ ก็ต้องเสียตังซื้อ   นี่คือปัญหาของ ตัวสร้างกราฟยอดนิยม   แต่ของกูเกิลไม่เป็นอย่างนั้น และใช้งานง่ายมาก ลองคลิกที่ลิ้งก์นี้ดู   http://chart.apis.google.com/chart?cht=p3&chd=t:10.0,20.0,50.0&chs=450×200&chl=Fug|Fang|Tangkhwa       แค่ส่งข้อมูลบางอย่างไปให้กูเกิล กูเกิลก็จะส่งชาร์ทกลับมาให้ ตามข้อมูลที่ระบุ   ทีนี้เรามาดูกันว่า URL ด้านบนประกอบไปด้วยอะไรบ้าง   http://chart.apis.google.com/chart? : ระบุว่าจะใช้ Google Chart API   parameters :   cht=p3 cht : chart […]

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

 

ไม่ต้องสนใจโค้ด ไม่ต้องเปลืองเนื้อที่เก็บโค้ด ไม่มีปัญหาเรื่องสร้างไฟล์ภาพไม่ได้ แค่คุณส่งข้อมูลมา เฮียกูจัดฮ่ายยยย….

 

jpGraph : ลำบากเรื่องคอนฟิก

swf-xml chart : เมื่อคลิกที่ชาร์ท จะลิ้งก์ไปเว็บผู้เป็นเจ้าของ ถ้าไม่อยากให้มีลิ้งก์ ก็ต้องเสียตังซื้อ

 

นี่คือปัญหาของ ตัวสร้างกราฟยอดนิยม

 

แต่ของกูเกิลไม่เป็นอย่างนั้น และใช้งานง่ายมาก ลองคลิกที่ลิ้งก์นี้ดู

 

http://chart.apis.google.com/chart?cht=p3&chd=t:10.0,20.0,50.0&chs=450×200&chl=Fug|Fang|Tangkhwa

 

google chart api

 

 

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

 

ทีนี้เรามาดูกันว่า URL ด้านบนประกอบไปด้วยอะไรบ้าง

 

http://chart.apis.google.com/chart? : ระบุว่าจะใช้ Google Chart API

 

parameters :

 

cht=p3

cht : chart type ระบุชนิดของชาร์ท p3 จะหมายถึง pie 3 d

 

chd=t:10.0,20.0,50.0

chd : chart data ข้อมูลตัวชาร์ท โดยค่าจะขึ้นต้นด้วย t: เป็นการระบุการเข้ารหัส แล้วหลังจากนั้นจะเป็นค่าแต่ละค่า คั่นด้วย , ตัวเลขต้องมีทศนิยม 1 ตำแหน่งเสมอ

 

chs=450×200

chs : chart sizs ระบุขนาดชาร์ทที่จะให้สร้าง โดยระบุเป็น กว้าง X สูง เท่าที่ทดสอบต้องให้ความกว้างมากกว่า สูง ไม่งั้นจะไม่แสดงป้ายกำกับ

 

chl=Fug|Fang|Tangkhwa

chl : chart label ระบุป้ายแสดงให้กับตัวชาร์ท โดยจะสัมพันธ์กับ chart data

 

ข้อจำกัด

- แสดงภาษาไทยไม่ได้

- ไม่มีการแสดงหน่วยเปอร์เซ็นต์บนชาร์ท

 

แต่คิดว่าไม่นานนี้ข้อจำกัดจะหมดไป ยังไงศึกษาไว้ก่อนก็ดี

 

 

ข้อมูลเพิ่มเติม

 

 

http://code.google.com/apis/chart/