- การเริ่มต้นใช้งาน
- Google Visualization API คืออะไร
- ฉันใช้ Visualization API ทำอะไรได้บ้าง
- ฉันจะดูเอกสารเกี่ยวกับ Visualization API ได้จากที่ใด
- ฉันจะสร้างแผนภูมิใหม่ได้อย่างไร
- URL แหล่งข้อมูลคืออะไร
- ฉันจะหาตัวอย่างโค้ดของแอปแผนภูมิโดยใช้ Visualization API ได้จากที่ใด
- แอปพลิเคชัน Flash เข้าถึง Visualization API ได้ไหม
- ฉันเข้าถึงแผนภูมิจากแอปพลิเคชัน Java ได้ไหม
- ฉันจะเข้าถึงแผนภูมิจากแอปพลิเคชันที่เขียนด้วยคอมไพเลอร์ Google Web Toolkit (GWT) ได้ไหม
- ฉันมีคำถาม/ปัญหาอื่น ฉันควรติดต่อใครเพื่อขอข้อมูลเพิ่มเติม
- การใช้ API
- Google Chart API กับ Google Visualization API แตกต่างกันอย่างไร
- แหล่งข้อมูลใดที่ฉันเข้าถึงได้โดยใช้ Visualization API
- แอปพลิเคชันของฉันคาดหวังว่าข้อมูลที่ได้รับจะอยู่ในรูปแบบเฉพาะ ฉันจะจัดการกับข้อยกเว้นได้อย่างไร
- การฝังแผนภูมิในเว็บไซต์ของฉันจะปลอดภัยไหม
- ฉันจะใช้แผนภูมิแบบออฟไลน์ได้ไหม
- ฉันจะดาวน์โหลดและโฮสต์โค้ดแผนภูมิในเครื่องหรือในอินทราเน็ตได้ไหม
- การแก้ปัญหา
- นโยบาย Google Visualization API
- การเข้ามามีบทบาทในชุมชน
เริ่มกระบวนการ
- Google Visualization API คืออะไร
- Google Visualization API ช่วยให้คุณสร้างแผนภูมิและแอปพลิเคชันการรายงานผ่านข้อมูลที่มีโครงสร้างและช่วยผสานรวมข้อมูลเหล่านี้ในเว็บไซต์ของคุณได้โดยตรง
- ฉันใช้ Visualization API ทำอะไรได้บ้าง
- เมื่อใช้ Google Visualization API คุณจะเข้าถึงข้อมูลที่มีโครงสร้างซึ่งสร้างขึ้นภายในเบราว์เซอร์ หรือดึงมาจากแหล่งข้อมูลที่รองรับ ในรูปแบบตารางง่ายๆ คุณยังใช้แหล่งข้อมูลของคุณเองเป็นแหล่งข้อมูล Visualization API และเปิดใช้การแสดงภาพและ/หรือแอปพลิเคชันที่เป็นไปตาม Visualization เพื่อเข้าถึงข้อมูลได้อีกด้วย รูปแบบนี้รองรับการใช้งานด้วยการรายงาน การวิเคราะห์ หรือแอปพลิเคชันแผนภูมิ คุณจึงสามารถแสดงข้อมูลเป็นภาพและ/หรือเพิ่มฟังก์ชันใหม่ให้กับแอปพลิเคชันต่างๆ เช่น Google สเปรดชีต
- ฉันจะหาเอกสารเกี่ยวกับ Visualization API ได้จากที่ใด
- ดูคู่มือนักพัฒนาซอฟต์แวร์และเอกสารที่เกี่ยวข้องอื่นๆ ทั้งหมดได้ที่ https://developers.google.com/chart/interactive/docs
- ฉันจะสร้างแผนภูมิใหม่ได้อย่างไร
- วิธีที่ดีที่สุดในการเริ่มต้นใช้งานคือการอ่านบทนำและส่วนการเริ่มต้นอย่างรวดเร็ว
- URL แหล่งข้อมูลคืออะไร
- URL ของแหล่งข้อมูลคือตัวระบุ URL ที่ไม่ซ้ำกันของแหล่งข้อมูล Visualization API URL แหล่งข้อมูลอาจมีพารามิเตอร์ภาษาในการค้นหาของแผนภูมิด้วย ในกรณีนี้ ระบบจะทำการค้นหา (เช่น การจัดเรียง การจัดกลุ่ม ฯลฯ) ในแหล่งข้อมูลก่อนดึงข้อมูล
- ฉันจะหาโค้ดตัวอย่างของแอปแผนภูมิโดยใช้ Visualization API ได้จากที่ใด
- ดูโค้ดตัวอย่างได้ที่เอกสารประกอบตัวอย่างโค้ดของ Visualization API
- แอปพลิเคชัน Flash เข้าถึง Visualization API ได้ไหม
- ได้แน่นอน Visualization API ใช้ JavaScript API แต่มีไลบรารีที่ช่วยให้แอป Flash เชื่อมต่อกับโค้ด JavaScript ได้ คุณสามารถดูไลบรารีเหล่านี้ที่เป็นประโยชน์ ได้ที่ http://code.google.com/p/swfobject ดูปัญหาการพัฒนาบางอย่างที่ส่งผลต่อ Flash ได้ที่ด้านล่าง
- ฉันจะใช้แหล่งข้อมูลได้อย่างไร
- อ่านส่วนการใช้และการสร้างแผนภูมิเพื่อดูวิธีการทำงานของแผนภูมิ จากนั้นอ่านการใช้งานแหล่งข้อมูลเพื่อดูวิธีสร้างแหล่งข้อมูล คุณจะใช้ไลบรารี Java แหล่งข้อมูลแผนภูมิ Google เพื่อเริ่มต้นใช้งานอย่างรวดเร็วหากใช้ Java ได้ด้วย
- ฉันสามารถเข้าถึงแผนภูมิจากแอปพลิเคชัน Java ได้หรือไม่
- ได้ ไลบรารีการแสดงภาพของ Google สำหรับ Google Web Toolkit (GWT) ให้คุณเข้าถึงการแสดงภาพที่เป็นไปตามข้อกำหนดของ API จากโค้ด Java ที่คอมไพเลอร์ด้วยคอมไพเลอร์ GWT และเขียนการแสดงภาพที่สอดคล้องกับ Visualization API ใน Java โดยใช้คอมไพเลอร์ GWT ไลบรารีการเปิดตัวรุ่นยังรองรับโมเดลเหตุการณ์ Visualization API ด้วย
- ฉันจะเข้าถึงแผนภูมิจากแอปพลิเคชันที่เขียนด้วยคอมไพเลอร์ Google Web Toolkit (GWT) ได้ไหม
- ได้ ไลบรารีการแสดงภาพของ Google สำหรับ Google Web Toolkit (GWT) ให้คุณเข้าถึงการแสดงภาพที่เป็นไปตามข้อกำหนดของ API จากโค้ด Java ที่คอมไพเลอร์ด้วยคอมไพเลอร์ GWT และเขียนการแสดงภาพที่สอดคล้องกับ Visualization API ใน Java โดยใช้คอมไพเลอร์ GWT ไลบรารีการเปิดตัวรุ่นยังรองรับโมเดลเหตุการณ์ Visualization API ด้วย
- ฉันมีคำถาม/ปัญหาอื่น ฉันควรติดต่อใครเพื่อขอข้อมูลเพิ่มเติม
- โปรดโพสต์คำถามในกลุ่มสนทนาของ Google Visualization API เพื่อรับความช่วยเหลือจากชุมชนนักพัฒนาซอฟต์แวร์ Visualization ทีม Google Visualization ยังมีส่วนร่วมในกลุ่มนี้เพื่อตอบคำถามต่างๆ ด้วย
การใช้ API
- Google Chart API และ Google Visualization API แตกต่างกันอย่างไร
-
Chart API มอบวิธีง่ายๆ ในการสร้างแผนภูมิรูปภาพประเภทต่างๆ โดยการส่ง URL ที่มีการจัดรูปแบบซึ่งมีทั้งตัวเลือกการกำหนดค่าข้อมูลและแผนภูมิไปยังเซิร์ฟเวอร์ของ Google Chart API มีชุดแผนภูมิแบบปิดที่มีตัวเลือกต่างๆ ชุดข้อมูล Chart API จำกัดไว้ที่ขนาดของ URL (ประมาณ 2,000)
Visualization API มีวิธีเชื่อมต่อแผนภูมิและแหล่งข้อมูลต่างๆ บนเว็บและในการเผยแพร่ข้อมูลดังกล่าว
-
- Visualization API มี JavaScript API เพื่อเข้าถึงแผนภูมิ
- โดยแกลเลอรีแผนภูมิมีแผนภูมิที่ Google สร้างขึ้น แต่ยังเปิดให้บุคคลที่สามสร้างการแสดงภาพที่สอดคล้องกับ Visualization API ของตนเองด้วย
- แผนภูมิและแผนภูมิของ Visualization API เป็นอะไรก็ได้ที่เบราว์เซอร์แสดงผลได้ ซึ่งรวมถึงรูปภาพ, JavaScript, กราฟิกเวกเตอร์, Flash ฯลฯ
- มีแผนภูมิ Chart API จำนวนมากที่เข้าถึงได้ผ่าน Visualization API แม้ว่าตัวเลือกการกําหนดค่าบางรายการอาจไม่พร้อมใช้งาน
- นอกจากนี้ API ยังมีโปรโตคอลการใช้สาย (Wi-Fi) ที่บันทึกไว้และวิธีเปิดเผยแหล่งข้อมูลของตนต่อการแสดงข้อมูลผ่านภาพของ API ด้วย
- API มีโมเดลเหตุการณ์ที่กำหนดที่อนุญาตให้ส่งแผนภูมิและรับเหตุการณ์ได้ จึงสื่อสารกับหน้าโฮสต์และ/หรือแผนภูมิอื่นๆ ในหน้าเว็บได้
- แหล่งข้อมูลใดที่ฉันเข้าถึงได้โดยใช้ Visualization API
- Visualization API ช่วยให้คุณเข้าถึงข้อมูลภายในเครื่องจากเบราว์เซอร์ได้ด้วยการสร้างรูปแบบ DataTable มาตรฐานของ API หรือเข้าถึงแหล่งข้อมูลที่รองรับ API แอปพลิเคชันที่รู้จักกันดีซึ่งรองรับ API นี้อยู่แล้ว ได้แก่ Google สเปรดชีตและ Salesforce.com ในแพลตฟอร์มนักพัฒนา Force.com คุณยังใช้ข้อมูลของตนเองเป็นแหล่งข้อมูลในแผนภูมิได้ด้วย
- แอปพลิเคชันของฉันคาดหวังว่าข้อมูลที่ได้รับจะอยู่ในรูปแบบเฉพาะ ฉันจะจัดการกับข้อยกเว้นได้อย่างไร
-
คุณสามารถใช้เมธอด
getNumberOfColumns()
และgetColumnType()
ของชั้นเรียนgoogle.visualization.DataTable
เพื่อทดสอบว่าข้อมูลที่คุณได้รับตรงกับสิ่งที่คุณคาดหวังหรือไม่ จากนั้นแสดงข้อความแสดงข้อผิดพลาดสำหรับข้อมูลที่ไม่ตรงกัน - การฝังแผนภูมิในเว็บไซต์ของฉันจะปลอดภัยไหม
- การเรียกใช้โค้ดของบุคคลที่สามในเว็บไซต์โดยตรงก่อให้เกิดความเสี่ยงอยู่แล้ว Google ไม่ให้คำมั่นสัญญาหรือรับรองเกี่ยวกับประสิทธิภาพ คุณภาพ ความปลอดภัย หรือเนื้อหาของแอปพลิเคชัน เราอาจนำแอปพลิเคชันแผนภูมิที่ไม่เป็นไปตามข้อกำหนดในการให้บริการของ Google Visualization API ออกจากแกลเลอรี
- ฉันสามารถใช้แผนภูมิแบบออฟไลน์ได้ไหม
- คอมพิวเตอร์ของผู้ใช้ต้องมีสิทธิ์เข้าถึง https://www.gstatic.com/charts/loader.js จึงจะใช้ฟีเจอร์อินเทอร์แอกทีฟของ Google แผนภูมิได้
ทั้งนี้เนื่องจากไลบรารีการแสดงข้อมูลผ่านภาพที่หน้าเว็บต้องการจะโหลดแบบไดนามิกก่อนที่คุณจะใช้งาน โค้ดสำหรับการโหลดไลบรารีที่เหมาะสมเป็นส่วนหนึ่งของสคริปต์ที่รวมอยู่ และจะเรียกใช้เมื่อคุณเรียกใช้เมธอด
google.charts.load()
ข้อกำหนดในการให้บริการไม่อนุญาตให้คุณดาวน์โหลดรหัสgoogle.charts.load
หรือgoogle.visualization
เพื่อใช้งานแบบออฟไลน์ - ฉันจะดาวน์โหลดและโฮสต์โค้ดแผนภูมิไว้ในเครื่องหรือในอินทราเน็ตได้ไหม
- ขออภัย ข้อกำหนดในการให้บริการของเราไม่อนุญาตให้ดาวน์โหลดและบันทึกหรือโฮสต์โค้ด
google.charts.load
หรือgoogle.visualization
อย่างไรก็ตาม หากคุณไม่ต้องการความสามารถในการโต้ตอบของ Google แผนภูมิ คุณสามารถจับภาพหน้าจอแผนภูมิและใช้ได้ตามต้องการ
การแก้ปัญหา
- เหตุใดแผนภูมิของฉันจึงไม่ปรากฏ
-
ขั้นแรก ตรวจสอบคอนโซล JavaScript ของคุณ ใน Chrome คุณสามารถเข้าถึงคอนโซล JavaScript ได้ผ่านทาง Chrome->มุมมอง->นักพัฒนาซอฟต์แวร์->คอนโซล JavaScript หรือ Chrome->เครื่องมือ->คอนโซล JavaScript เบราว์เซอร์สมัยใหม่ทั้งหมดมีคอนโซล JavaScript คุณอาจต้องเลื่อนเมนูที่มีชื่อ เช่น "ขั้นสูง" หรือ "เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์" เพื่อค้นหา
หวังว่าคอนโซลนี้จะนำคุณไปที่ปัญหาได้ทันที อย่างไรก็ตาม บางครั้งการแปลข้อความในคอนโซลให้เข้าใจต้นเหตุของปัญหานั้นทำได้ยาก ข้อผิดพลาดที่พบบ่อยมีดังนี้
- คุณอาจใช้เครื่องมือโหลดของ Google อย่างไม่ถูกต้อง
- โหลด Charts/loader.js เท่านั้นครั้งเดียว
ไม่ว่าคุณจะมีแผนภูมิกี่รายการในหน้าเว็บ คุณควรมีการเรียกในลักษณะนี้เพียง 1 รายการเท่านั้น
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> // Do this ONCE.
ซึ่งอาจอยู่ในส่วนหัวหรือเนื้อหาของหน้าก็ได้ ขึ้นอยู่กับเวลาที่ต้องการให้โหลด - โดยหลักการแล้ว ให้เรียก
google.charts.load
เพียงครั้งเดียวพร้อมรับแพ็กเกจทั้งหมดที่จำเป็นสำหรับหน้าเว็บของคุณ<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script> google.charts.load("current", {packages: ["corechart", "timeline"]}); google.charts.setOnLoadCallback(drawBarChart1); function drawBarChart1() { ... var barChart1 = new google.visualization.BarChart(document.getElementById('chart1')); ... } google.charts.setOnLoadCallback(drawBarChart2); function drawBarChart2() { ... var barChart2 = new google.visualization.BarChart(document.getElementById('chart2')); ... } google.charts.setOnLoadCallback(drawTimeline); function drawTimeline() { ... var timeline = new google.visualization.Timeline(document.getElementById('chart3')); ... } </script> <div id="chart1"></div> ... <div id="chart2"></div> ... <div id="chart3"></div>
- ทุกแผนภูมิควรมีรหัสองค์ประกอบที่ไม่ซ้ำกัน (เช่น
chart1
,chart2
ในตัวอย่างด้านบน) - มองหาการพิมพ์ผิด โปรดทราบว่า JavaScript เป็นภาษาที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
หากคุณยังคงไม่แน่ใจ ให้ค้นหากลุ่มสนทนาของ Google Visualization API เพื่อดูว่ามีใครเคยพบปัญหาแบบเดียวกันบ้างหรือไม่ หากไม่พบโพสต์ที่ตอบคำถามของคุณ ให้โพสต์คำถามลงในกลุ่มพร้อมกับลิงก์ไปยังหน้าเว็บที่ทำให้เกิดปัญหา หากเป็นไปได้ ให้ใส่ jsfiddle
- เหตุใดเดือนและวันของฉันจึงแตกต่างกัน
- Google แผนภูมิใช้ JavaScript ซึ่งใช้การจัดทำดัชนีแบบ 0 วันแรกของเดือนคือ 0 และช่วงเดือนอยู่ในช่วง 0 (มกราคม) ถึง 11 (ธันวาคม) หากโค้ดของคุณใช้การจัดทำดัชนีแบบฐานเดียว ให้ลบออก 1 รายการก่อนใส่ข้อมูลลงในออบเจ็กต์วันที่แบบ JavaScript
- ทำไมแผนภูมิของฉันจึงใช้งานได้ในบางเบราว์เซอร์ แต่ไม่ใช่ทั้งหมด
- เราขอแนะนำให้ใช้ caniuse.com เพื่อดูข้อมูลเกี่ยวกับความไม่เข้ากันของเบราว์เซอร์ เมื่อใช้ Google แผนภูมิ บางครั้งอาจเกิดปัญหาใน Internet Explorer 8 และเวอร์ชันก่อนหน้า เนื่องจากเหตุผล 2 ข้อต่อไปนี้
- IE8 ไม่รองรับ SVG ดังนั้นแผนภูมิจะเข้าสู่ VML ซึ่งมีข้อจำกัดมากกว่า
- JavaScript ของ IE8 ไม่อนุญาตให้มีเครื่องหมายจุลภาคต่อท้ายในรายการ
- ทำไมแผนภูมิแบบ Flash ของฉันจึงไม่แสดงขณะที่ฉันทดสอบ
- เนื่องจากการตั้งค่าการรักษาความปลอดภัยของ Flash แผนภูมิที่ใช้ Flash อาจทำงานไม่ถูกต้องเมื่อเข้าถึงจากตำแหน่งไฟล์ในเบราว์เซอร์ (เช่น file:///c:/webhost/myhost/myviz.html) ไม่ใช่จาก URL ของเว็บเซิร์ฟเวอร์ (เช่น http://www.myhost.com/myviz.html) โดยทั่วไปแล้วจะเป็นปัญหาทดสอบเท่านั้น ปัญหาดังกล่าวจะไม่เป็นปัญหาเมื่อคุณเข้าถึงแผนภูมิจากที่อยู่ http:// คุณแก้ไขปัญหานี้ได้ตามที่อธิบายไว้ในเว็บไซต์ Macromedia โดยทั่วไปแล้ว เราขอแนะนำให้หลีกเลี่ยงการพัฒนา Flash หากเป็นไปได้
นโยบายโปรแกรมการแสดงภาพของ Google
- นโยบายโปรแกรมการแสดงภาพของ Google คืออะไร
-
ตามที่ได้อธิบายไว้ในข้อกำหนดในการให้บริการ เราอาจปฏิเสธที่จะรวมและแสดงเนื้อหาที่ละเมิดนโยบายโปรแกรมด้วยการแสดงหรือลิงก์ไปยังเนื้อหาต่อไปนี้
- เนื้อหาที่ผิดกฎหมาย
- การรุกล้ำความเป็นส่วนตัว
- ภาพลามกอนาจารหรือลามก
- เนื้อหา เช่น โค้ดที่เป็นอันตรายซึ่งรบกวนหรือเป็นอันตรายต่อคอมพิวเตอร์ของผู้ใช้ หรือการทำงานของหน้าเว็บโฮสต์
- การยุยงให้เกิดความเกลียดชังหรือยั่วยุให้ใช้ความรุนแรง
- การละเมิดลิขสิทธิ์ โปรดดูข้อมูลเพิ่มเติมที่นโยบาย DMCA ของเรา
- การละเมิดเครื่องหมายการค้า
- การแอบอ้างเป็นบุคคลอื่น
นักพัฒนาแอปที่สร้างแผนภูมิที่รวบรวมข้อมูล ตกลงที่จะดูแลรักษาและลิงก์กับนโยบายความเป็นส่วนตัวที่เพียงพอตามกฎหมาย นอกจากนี้ เรายังกำหนดให้นักพัฒนาซอฟต์แวร์ตรวจสอบว่าแผนภูมิของตนมีความปลอดภัยและดูแลรักษาแอปพลิเคชันของตนไว้ตราบเท่าที่ยังอยู่ในไดเรกทอรีแผนภูมิ
นโยบายเหล่านี้อาจมีการแก้ไขเป็นครั้งคราวโดยไม่ต้องแจ้งให้ทราบ
- Google Visualization API มีการใช้งานเชิงพาณิชย์หรือไม่
- ได้ สําหรับรายละเอียดต่างๆ โปรดดูข้อกําหนดในการให้บริการของ Google Visualization API
- ฉันจะใช้ Google Visualization API เพื่อสร้างซอฟต์แวร์ฝั่งไคลเอ็นต์ได้ไหม
- ขณะนี้เราไม่อนุญาตให้นักพัฒนาซอฟต์แวร์ใช้ Visualization API เพื่อสร้างซอฟต์แวร์ฝั่งไคลเอ็นต์ คุณใช้ Visualization API ได้ผ่านอินเทอร์เฟซที่ให้ไว้เท่านั้น โปรดอ่านรายละเอียดต่างๆ ในข้อกำหนดในการให้บริการของ Google Visualization API
- Google บันทึกข้อมูลแผนภูมิทั้งหมดของฉันหรือไม่
- ข้อมูลแผนภูมิที่รวมอยู่ในคำขอ HTTP จะบันทึกไว้ในบันทึกชั่วคราวเป็นเวลาไม่เกิน 2 สัปดาห์เพื่อการทดสอบภายในและการแก้ไขข้อบกพร่อง แน่นอนว่าคุณควรเข้าใจว่าหากแผนภูมิปรากฏในแท็กรูปภาพในหน้าเว็บสาธารณะ แผนภูมินั้นอาจได้รับการรวบรวมข้อมูล
- การละเมิดนโยบายโปรแกรม
- การละเมิดนโยบายโปรแกรมเหล่านี้อาจส่งผลให้มีการปิดใช้หรือนำแผนภูมิออก ถูกขึ้นบัญชีดำไม่ให้อัปโหลดแผนภูมิในอนาคต สิ้นสุดการใช้งานบัญชี Google และ/หรือลบแผนภูมิทั้งหมด
เข้ามามีบทบาทในชุมชน
- เริ่มต้นด้วยการวางแผนภูมิในแกลเลอรีแผนภูมิ คุณสามารถลิงก์กลับไปยังเว็บไซต์ของคุณและระบุซอร์สโค้ดได้หากต้องการ เข้าไปมีส่วนร่วมในกลุ่มสนทนาของเรา เพื่อรับความคิดเห็นจากชุมชน
- แกลเลอรีแผนภูมิคืออะไร
- แกลเลอรีแผนภูมิคือรายการแอปพลิเคชันที่ใช้ Visualization API ทั้งยังเป็นศูนย์กลางสำหรับชุมชนนักพัฒนาซอฟต์แวร์การแสดงภาพข้อมูลเพื่อแชร์แอปพลิเคชันแผนภูมิ หากต้องการส่งใบสมัครแผนภูมิไปยังแกลเลอรี ให้สมัครออนไลน์
- ฉันจะโปรโมตแหล่งข้อมูลแผนภูมิได้อย่างไร
- โพสต์การใช้งานลงในกลุ่มการแสดงภาพ ถ้าชื่นชอบวิดีโอ เราอาจพูดถึงตัวเองด้วย