ใช้งาน google chart ตัวใหม่สร้าง poll อย่างง่าย

03 August 2011

 อ่านวิธีการใช้งานอย่างโปรได้ด้วยตัวเองที่ 

 
http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html#Data_Format
 
โค้ตและตัวอย่างต่อไปนี้ เป็นแนวทางสำหรับรู้จัก และใช้งาน google chart สำหรับสร้าง แผนภูมิ
หรือกราฟ โดยในตัวอย่างจะเป็นการใช้กราฟ ประเภท pie chart หรือวงกลมที่แบ่งสัดส่วนของ
ข้อมูล โดยจะใช้แสดง จำนวนแต่ละประเภทของผลโหวด 
 
  ในตัวอย่าง จะใช้วิธีการบันทึกข้อมูลแบบเขียนไฟล์ทับ ข้อมูลเดิม เมื่อมีการโหวด
ส่วนกรณีสำหรับการใช้งานเชื่อมต่อกับฐานข้อมูล สามารถนำไปประยุกต์เพิ่มเติมเองได้
 
เนื้อหาจะคล้ายๆ กับ บทความเรื่อง 
สร้าง poll แบบสำรวจ ด้วย ajax ใน jQuery อย่างง่าย
http://www.ninenik.com/content.php?arti_id=280
 
แต่ในตัวอย่างใหม่จะเขียนโค้ดให้สั้นกว่า และเป็นการใช้งาน google chart เวอร์ชั่นใหม่
 
ดาวน์โหดลไฟล์ตัวอย่างได้ที่
http://www.ninenik.com/demo/jquery_poll_google_chart/jquery_poll_google_chart.rar
 
ตัวอย่างการทำงาน
http://www.ninenik.com/demo/jquery_poll_google_chart/jquery_poll_google_chart.php
 
คุณใช้ภาษาโปรแกรมใด ในการพัฒนาเว็บไซต์
PHP
ASP.NET
ASP
C#
Perl
Python
อื่นๆ







บทความในหมวดที่่น่าสนใจ อื่นๆ jQuery Learning

11 Sep 10 จัดรูปแบบ MapTypeControlOptions ใน Google Map อ่าน 1255 22 Sep 11 แนวทาง การเลื่อนแล้ว fixed ตำแหน่งเนื้อหาที่ต้องการ ด้วย jQuery อ่าน 1196 12 Sep 10 จัดรูปแบบ ScaleControlOptions ใน Google Map อ่าน 1187 07 Sep 11 นาฬิกาเวลา จาก server อย่างง่าย อ่าน 1011 24 Jun 11 แก้ปัญหา event onchange ของ input type file ไม่ทำงานทันทีใน ใน IE อ่าน 753 26 Jan 12 แสดง icons กำหนดรูปเอง ให้จุดเริ่มเต้น และสิ้นสุดของเส้นทาง ใน google map อย่างง่าย อ่าน 553 23 Jan 12 แนวทางการประยุกต์ การซ่อน แสดงเนื้อหาสำหรับล็อกอิน อย่างง่าย ด้วย jQuery อ่าน 461 08 Feb 12 Google map API v.3 กับ jQuery ลากจุดหา ชื่อตำแหน่ง และ พิกัด ค่า latitude longitude อ่าน 322 17 Feb 12 ประยุกต์ ใช้งาน jquery ui autocomplete ร่วมกับฐานข้อมูล อย่างง่าย อ่าน 226

บทความคนเข้าอ่านวันนี้

25 Sep 08 เอา scrollbar ออกจาก textarea ด้วย CSS อ่าน 4162 05 Nov 08 CSS สร้างเมนูแนวนอน 2 ชั้นโดยไม่ใช้ javascript และตาราง table อ่าน 10432 30 Oct 09 ฟังก์ชัน PHP แปลงตัวเลขอาราบิก เป็น ตัวเลขไทย อย่างง่าย อ่าน 1217 26 Dec 10 แนะนำ PHP Simple HTML DOM Parser สำหรับ ดึงข้อมูล เฉพาะส่วนที่ต้องการ อ่าน 2917 05 Jul 10 ทบทวน วันที่ date object ใน javascript อ่าน 2831 07 Sep 11 นาฬิกาเวลา จาก server อย่างง่าย อ่าน 1011 04 Nov 09 ประยุกต์สร้าง pdf ไฟล์ จาก tcpdf class ด้วย php รองรับภาษาไทย อ่าน 5408 25 Mar 11 สร้างรูปแบบ วันที่ คล้าย วันที่ใน facebook comment ด้วย php อย่างง่าย อ่าน 2839 18 Mar 11 ทบทวน htaccess สำหรับ ให้ url เว็บมี www ด้านหน้าเสมอ อ่าน 1285 23 Jan 12 แนวทางการประยุกต์ การซ่อน แสดงเนื้อหาสำหรับล็อกอิน อย่างง่าย ด้วย jQuery อ่าน 461 17 Dec 10 สร้าง php ฟังก์ชัน ตราจสอบ ก่อนถึงวันหมดอายุ อย่างง่าย อ่าน 1907 08 Feb 11 แท็บเมนู tab menu แนวตั้งอย่างง่าย ด้วย jQuery อ่าน 4115 05 Oct 10 สร้าง login logout และกำหนด permission ของ facebook ด้วย php sdk อ่าน 5847 16 Aug 10 เทคนิค ใช้ event beforeunload แจ้งเตือนก่อน ปิดบราวเซอร์ ด้วย jQuery อ่าน 1651 19 Jun 10 สร้าง comment ด้วย social plugins ใน facebook api อย่างง่ายดาย อ่าน 17648 25 Sep 08 การทำปุ่ม Print แบบรูปภาพ อ่าน 4076 09 Sep 10 Google map API v.3 กับ jQuery ลากจุดหา พิกัด ค่า latitude และ longitude อ่าน 6686 27 May 10 ทบทวน ลำดับ การทำงาน mouse events ใน jQuery อ่าน 2393 17 Oct 08 แสดงตัวอย่างรูป ก่อน upload image preview berfore upload อ่าน 9241 04 Mar 09 ใช้ jQuery ย้ายค่าระหว่าง multiple list box อย่างง่าย อ่าน 6980
จำนวนผู้เยี่ยมชม 798291
คน 2012 © Copyright ninenik.com. All rights reserved.