รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)

Re: รู้จักกับ Google Chart Api แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript

โดย konseo » 02/10/2017 11:44 pm

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

รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)

โดย paoonline » 02/10/2017 7:09 pm

Google Charts Api(กูเกิ้ล ชาร์จ เอพีไอ)
เป็นเครื่องมือที่ใช้ในการเป็นเครื่องมือที่ในการสร้างแผนภูมิรูปภาพ หรือที่เราเรียกว่ากราฟ(Graphs) หรือชาร์ต (Charts) ที่เอาไว้นำเสนอรายงานต่างๆโดยบริการของกูเกิ้ลชาร์ต(Google Charts) นี้สามารถเรียกใช้ในรูปแบบของ API(เอพีไอ) หรือส่วนต่อประสานโปรแกรมของ Google (กูเกิ้ล) ที่จะแปลงข้อมูลจากฐานข้อมูลสถิติต่างๆ จากเว็บไซต์ของคุณให้แสดงผลออกมาเป็นรูปแบบแผนภูมิที่ เรียบง่าย รูปแบบแผนภูมิรูปภาพ หรือกราฟ ที่สร้างขึ้นจาก URL(ยูอาแอล) กูเกิ้ลชาร์ต(Google Charts) นั้นพัฒนาจากภาษา JavaScript(จาว่าสคลิป) ทำให้สะดวกในการนำไปใช้กับเอกสารประเภท HTML(เอชทีเอ็มแอล) อีกทั้ง กูเกิ้ลชาร์ต(Google Charts) ยังมีรูปแบบของกราฟ หลากหลายรูปแบบให้เลือกนำไปใช้ในการประกอบหน้าจอรายงานสถิติให้เหมาะสมกับชุดข้อมูล และสถานการณ์ที่ต้องนำข้อมูลไปใช้ เช่น Pie chart(พายชาร์จ), Line Charts(ไลท์ชาร์จ), Bars Charts(บาร์ชาร์จ), และรูปแบบต่างๆ อีกมากมาย โดยไม่มีค่าใช้จ่าย

การนำ Google Charts (กูเกิ้ล ชาร์จ) มาใช้พัฒนาระบบ
เข้าเว็บไซค์ Google_Charts จะพบกันหน้าเว็บไซต์เรียบง่าย และข้อความในการบอกถึงการนำ API(เอพีไอ) ของ Google Charts(กูเกิ้ลชาร์ต)ไปใช้จะได้ประโยชน์อะไรบ้าง

1. กด GET STARTED(เก็ต สแตน) เพื่อเลือก Charts(ชาร์จ) ที่ต้องการ
Selection_016.png
Selection_016.png (36.5 KiB) Viewed 2887 times
2. จากนั้นจะมีให้เลือก Charts(ชาร์จ) ที่ต้องการ
จากตัวอย่าง เลือก Pie Chart(พายชาร์จ) โดยการกด Quick start(ควิก สตาร์ท)
Selection_017.png
Selection_017.png (61.33 KiB) Viewed 2887 times
3. จากตัวอย่างเลือก Pie chart(พายชาร์จ) จะพบกับ Code JavaScript(โค๊ดจาว่าสคลิป) สามารถนำมาใช้ได้เลย
Selection_018.png
Selection_018.png (37.29 KiB) Viewed 2911 times

ข้างบน