คำถามที่พบบ่อย

เริ่มกระบวนการ

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 และ/หรือลบแผนภูมิทั้งหมด

    เข้ามามีบทบาทในชุมชน

    ฉันจะแชร์ใบสมัคร Chart ของฉันกับผู้อื่นได้อย่างไร
    เริ่มต้นด้วยการวางแผนภูมิในแกลเลอรีแผนภูมิ คุณสามารถลิงก์กลับไปยังเว็บไซต์ของคุณและระบุซอร์สโค้ดได้หากต้องการ เข้าไปมีส่วนร่วมในกลุ่มสนทนาของเรา เพื่อรับความคิดเห็นจากชุมชน
    แกลเลอรีแผนภูมิคือรายการแอปพลิเคชันที่ใช้ Visualization API ทั้งยังเป็นศูนย์กลางสำหรับชุมชนนักพัฒนาซอฟต์แวร์การแสดงภาพข้อมูลเพื่อแชร์แอปพลิเคชันแผนภูมิ หากต้องการส่งใบสมัครแผนภูมิไปยังแกลเลอรี ให้สมัครออนไลน์
    ฉันจะโปรโมตแหล่งข้อมูลแผนภูมิได้อย่างไร
    โพสต์การใช้งานลงในกลุ่มการแสดงภาพ ถ้าชื่นชอบวิดีโอ เราอาจพูดถึงตัวเองด้วย