Post archive

Tag: chart

  • PHP

    สร้างกราฟวงกลมด้วย pChart

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

    READ MORE
  • jQuery

    รวมฮิต jQuery upload file plugin

    สำหรับท่านที่กำลังมองหา AJAX + PHP เพื่อจัดการอัปโหลดไฟล์ หรืออัปโหลดภาพ ขึ้นเซิฟเวอร์ น่าจะโดนใจอย่างแรง

    READ MORE
  • Other

    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 […]

    READ MORE
  • General

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

    XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 7 Finally ตบตูด   บทนี้คงเป็นบทส่งท้าย ท้ายสุด สำหรับซี่รี่ชาร์ท บทความที่เขียนมาทั้งหมด เป็นการใช้เบื้องต้นเท่านั้น สำหรับชาร์ทตัวนี้ ยังมีการปรับ แต่งได้อีกมากมาย ซึ่งถ้าเอามาเขียนคงกินบทความไปไม่น้อย คงต้องให้ท่านๆ ที่ติดตามมา ได้เข้าไปอ่านรายละเอียดเพิ่มเติมจากเว็บไซต์ เจ้าของเค้าล่ะครับ และหวังเป็นอย่างยิ่งว่า บทความชุดนี้จะเป็นประโยชน์แก่ท่านบ้าง แม้นิดหน่อยก็ยังดี   มีสิ่งหนึ่งที่อยากจะพูดเพื่อเป็นความรู้เพิ่มเติมเกี่ยวกับ xml ว่า xml เป็นภาษาที่ใช้อธิบายข้อมูล element ทุกตัว เราเป็นคนคิดเอง ทางผู้รับผิดชอบภาษาตัวนี้ ให้มาเพียงแค่กฎเท่านั้น   กฎโดยคร่าวๆ ของ xml คือ 1. xml เป็นภาษาที่ case-sensitive คือให้ความสำคัญกับตัวอักษรเล็ก-ใหญ่ 2.xml จะต้องมี element ที่เป็น root เสมอ 3.element ทุกตัว […]

    READ MORE
  • Other

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

        XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 6 database   ใกล้จบซี่รี่ เข้าไปทุกที คราวนี้จะดึงข้อมูลจากฐานข้อมูลมาแสดงเป็นชาร์ทแล้วล่ะ ยังไงก็ตามผมจะยังใช้ข้อมูลสมมติ ชุดนี้อยู่   สมมติ ผมมีฐานข้อมูลตัวหนึ่ง ชื่อ db_charts มี 1 table ชื่อ tbl_chart ประกอบด้วย field 4 field คือ year_2001 year_2002 year_2003 year_2004   และมีข้อมูลเก็บเก็บอยู่ภายในเหมือนในตาราง     ปี 2001 ปี 2002 ปี 2003 ปี 2004 ข้อมูลชุดที่ 1 5 10 30 63 ข้อมูลชุดที่ 2 […]

    READ MORE
  • Other

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

        XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 5 แปลงร่าง   ตัว XML/SWF Charts นี้ไม่ใช่จะแสดงได้แต่เพียงกราฟแท่งเท่านั้น ยังมีรูปแบบอื่นอีกหลาย ให้เราเลือก การเปลี่ยนรูปแบบกราฟ ก็ไม่มีไรมากไปกว่า เพิ่ม element ชื่อ <chart_type> เข้าไป จะแสดงตัวอย่างด้วยการแก้ไขไฟล์ sample.xml เหมือนเดิมนะครับ   ข้อมูลที่จัดให้อยู่ในรูปของตาราง จะเป็นดังนี้     ปี 2001 ปี 2002 ปี 2003 ปี 2004 ข้อมูลชุดที่ 1 5 10 30 63 ข้อมูลชุดที่ 2 100 20 65 55     เปิดไฟล์ […]

    READ MORE
  • Other

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

    XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 4 พูดไทย   เราจะยังเล่นอยู่กับไฟล์ sample.xml ผมจะใช้ข้อมูลเดิม แต่มีการเปลี่ยนแปลงนิดหน่อย เพื่อแสดงตัวอย่างการใช้งานภาษาไทย   ข้อมูลที่จัดให้อยู่ในรูปของตาราง จะเป็นดังนี้     ปี 2001 ปี 2002 ปี 2003 ปี 2004 ข้อมูลชุดที่ 1 5 10 30 63 ข้อมูลชุดที่ 2 100 20 65 55     เปิดไฟล์ sample.xml ของเราและทำการแก้ไข   <chart> <chart_data> <row> <null/> <string>ปี 2001</string> <string>ปี 2002</string> <string>ปี 2003</string> […]

    READ MORE
  • Other

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

        XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 3 ลองของ   ตอนที่แล้ว เราได้ทดสอบเรียกใช้งานชาร์ท โดยใช้ข้อมูล default บทนี้เราจะเริ่มการแสดงข้อมูลจริงๆ กันซะที สำหรับข้อมูลที่จะเอา มาแสดงเป็นชาร์ทนั้น คุณจะต้องจัดหรือจินตนาการ ให้ออกมาในรูปของ ตาราง แบบนี้     2001 2002 2003 2004 Data Set 1 5 10 30 63 Data Set 2 100 20 65 55     หลังจากนั้นให้เปิดไฟล์ sample.xml ที่เราได้ทำไว้ในบทก่อน ขึ้นมา แล้วแปลง ข้อมูลจากตารางไปเป็น xml อีลีเมนท์ ดังนี้   […]

    READ MORE
  • Other

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

    XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 2 ปูพื้น   หลังจากที่คุณดาวน์โหลด XML/SWF Charts มาแล้ว และทำการแตกซิปออก จะได้ไฟล์ดังนี้   |– Charts |—- charts.swf |—- charts_library |—— .DS_Store |—— arno.swf |—— arst.swf |—— brfl.swf |—— brno.swf |—— brst.swf |—— cl3d.swf |—— clfl.swf |—— clno.swf |—— clp3.swf |—— cls3.swf |—— clst.swf |—— cnno.swf |—— lnno.swf |—— mxno.swf |—— pi3d.swf |—— […]

    READ MORE
  • Other

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

        XML/SWF Charts การสร้าง flash กราฟ อันสวยงาม ภาค 1 เกริ่นนำ สามารถดาวน์โหลดได้ฟรีที่ http://www.maani.us/xml_charts/index.php?menu=Download XML/SWF Charts  นั้นใช้ flash ไฟล์เป็นตัวแสดงผล ซึ่งเขาได้สร้างต้นแบบไว้แล้ว และใช้ xml เป็นตัวกำหนดข้อมูลและ configuration อันที่จริงแล้ว เราสามารถใช้ไฟล์ php แทน xml ได้ แต่ข้อมูลในไฟล์ก็ต้องเป็นโครงสร้าง xml   XML/SWF Charts มีอยู่ 3 ไลเซ่น คือ Free License : อนุญาติให้ดาวน์โหลดไปใช้กันได้ฟรีๆ แต่มีข้อจำกัดว่า เมื่อคลิกที่ชาร์ทจะลิ้งก์ไปยังเว็บไซต์เจ้าของ XML/SWF Charts คือเว็บ http://www.maani.us ไม่สามารถแสดงชาร์ทแบบซื้อกันสองอันใน แผ่นแสดงผลเดียว ไม่มี technical support, และไม่มีแจ้งการอัปเดตตัวผลิตภัณฑ์ทางอีเมล์   $45 […]

    READ MORE