ส่งความคิดเห็น
อภิธานศัพท์
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
แอนิเมชัน
ตัวเลือกสําหรับการรวมการเคลื่อนไหวเมื่อวาดหรือวาดแผนภูมิซ้ําหลังจากแก้ไข อ่านเพิ่มเติมที่ภาพเคลื่อนไหว
คำอธิบายประกอบ
ป้ายกํากับแบบคงที่สําหรับจุดข้อมูลในแผนภูมิ
annotation
เป็นบทบาทของคอลัมน์ที่พร้อมใช้งานสําหรับชั้นเรียน DataTable
และ DataView
อย่าสับสนกับแผนภูมิคําอธิบายประกอบ
Axis
เส้นอ้างอิงในแผนภูมิระบุ
การวัดพิกัด ใน Googleแผนภูมิ มีแกน 2 แกนหลัก ได้แก่
แนวนอนกับแนวตั้ง
โดเมนเทียบกับเป้าหมาย
Google Charts ไม่ได้เรียกรายการเหล่านี้ "x" และ "y" ขวาน เพราะอาจกํากวม: Google Charts ช่วยให้ผู้ใช้สามารถหยุดการเชื่อมโยงแบบดั้งเดิมระหว่าง "แกนที่แสดงค่าโดเมน " และ "แกนแนวนอน&&เครื่องหมายคําพูด; และไม่ชัดเจนว่าแกนใด "x&script ตัวอย่างเช่น พลิกการวางแนวของแผนภูมิเพื่อแสดงตัวแปรโดเมนบนแกนตั้งได้
ติดต่อกลับ
โค้ดสั่งการที่ส่งผ่านเป็นอาร์กิวเมนต์ไปยังโค้ดชุดที่ 2 ซึ่งคาดว่าจะ ""callback," หรือ" เรียกใช้" โค้ดชิ้นแรกในภายหลัง ใน Google Maps การเรียกกลับมักใช้กับตัวโหลดไลบรารี และเครื่องจัดการเหตุการณ์ ตัวอย่าง: "ตั้งค่าการเรียกกลับ
ให้ทํางานเมื่อโหลดไลบรารีของ Google Charts"
ประเภทแผนภูมิ
การผสมผสานระหว่างการนําเสนอข้อมูล ลักษณะที่ปรากฏ และตัวเลือกที่นําไปใช้เป็นออบเจ็กต์ JavaScript ตัวอย่างของประเภทแผนภูมิ ได้แก่ แผนภูมิวงกลม และแผนภูมิฟองอากาศ
ดูรายการทั้งหมดได้ที่แกลเลอรีแผนภูมิ
เครื่องมือแก้ไขแผนภูมิ
อินเทอร์เฟซผู้ใช้สําหรับการแก้ไข Google Charts แบบเรียลไทม์ ซึ่งคุณจะรวมไว้ในหน้าเว็บได้ทุกหน้าเว็บ
อ่านเพิ่มเติมที่ ChartEditor
Wrapper ของแผนภูมิ
คลาส JavaScript ที่รวมแผนภูมิและรองรับการโหลด การวาด และการค้นหาข้อมูลทั้งหมดด้วยแหล่งข้อมูล สําหรับแผนภูมิ
ต้องมี ChartWrapper เมื่อใช้หน้าแดชบอร์ด และ ChartEditor อ่านเพิ่มเติมที่ ChartWrapper
บทบาทของคอลัมน์
พร็อพเพอร์ตี้ของคอลัมน์ใน DataTable
ที่อธิบายวัตถุประสงค์ของคอลัมน์ ตัวอย่างเช่น มอบหมายบทบาทคอลัมน์ tooltip
ให้กับคอลัมน์ที่จัดเก็บเคล็ดลับเครื่องมือ
อ่านเพิ่มเติมที่บทบาทที่พร้อมใช้งาน และ
getColumnRole
ประเภทคอลัมน์ ประเภทข้อมูลที่กําหนดให้กับคอลัมน์ใน DataTable
ประเภทคอลัมน์มีดังนี้
string
number
boolean
date
datetime
timeofday
อ่านเพิ่มเติมได้ที่
getColumnType
ต่อเนื่อง
มีความคืบหน้าอย่างต่อเนื่องสําหรับมูลค่าต่อเนื่อง ใช้เพื่ออธิบายแกนที่ตัวแปรสามารถรับค่าต่างๆ ระหว่างค่าที่ระบุ 2 ค่าได้ ซึ่งตรงข้ามกับแกนที่ไม่ต่อเนื่อง อ่านเพิ่มเติมที่
แยกออกจากกัน
ตัวอย่าง: "แกนสําคัญของแผนภูมิอาจมีความคลาดเคลื่อนหรือต่อเนื่อง&"
ควบคุม
วิดเจ็ตอินเทอร์เฟซผู้ใช้ในหน้าแดชบอร์ด เช่น แถบเลื่อนหรือการเติมข้อความอัตโนมัติ ซึ่งช่วยให้ผู้ชมแก้ไขข้อมูลหรือแผนภูมิที่เป็นส่วนหนึ่งของหน้าแดชบอร์ดได้ ตัวอย่างเช่น "หน้าแดชบอร์ดนี้มีตัวควบคุมที่ให้คุณเลือกตัวเลือกจากเมนูแบบเลื่อนลงได้&&tt;
อ่านเพิ่มเติมที่การควบคุมและหน้าแดชบอร์ด
แผนภูมิหลัก
ประเภทแผนภูมิที่ได้รับความนิยมสูงสุดใน Google Charts คุณสามารถโหลดแผนภูมิหลักทั้งหมดพร้อมกันได้โดยใช้แพ็กเกจ corechart
อ่านเพิ่มเติมที่การโหลดไลบรารีพื้นฐาน
ประเภทแผนภูมิหลักมีดังนี้
หน้าแดชบอร์ด
เครือข่ายดิสเพลย์ที่ผสานรวมแผนภูมิและอินสแตนซ์ control มักจะมีแผนภูมิอย่างน้อย 1 รายการและการควบคุม 1 รายการ หากหน้าแดชบอร์ดมีแผนภูมิหลายรายการ ทุกแผนภูมิต้องมีแหล่งข้อมูลเดียวกัน อ่านเพิ่มเติมที่การควบคุมและหน้าแดชบอร์ด
ตารางข้อมูล
คลาส JavaScript ที่แสดงตารางค่าแบบ 2 มิติที่เปลี่ยนแปลงไม่ได้ อ่านเพิ่มเติมที่ชั้นเรียน DataTable
มุมมองข้อมูล คลาส JavaScript ที่มาจาก DataTable
DataView
สามารถใช้เป็นแหล่งข้อมูลสําหรับ Google Charts ได้
แต่ต่างจาก DataTable
เนื่องจากเป็นแหล่งข้อมูลแบบอ่านอย่างเดียว DataView
จะอัปเดตอัตโนมัติเมื่อมีการเปลี่ยนแปลง DataTable
ที่สําคัญ โดยมีข้อยกเว้นบางประการ อ่านเพิ่มเติมที่คลาส DataView
ไม่ต่อเนื่อง อ้างถึงชุดค่าที่ไม่ได้อิงตามระบบค่าต่อเนื่อง ในบริบทของ Google Charts & "recrete" สามารถอธิบายประเภทของข้อมูลหรือแกน อ่านเพิ่มเติมเกี่ยวกับแกนที่ไม่ต่อเนื่องที่ความแตกต่างระหว่าง
ข้อมูลต่อเนื่อง ." ตัวอย่าง: "รายชื่อประเทศควรถูกจัดเก็บเป็นคอลัมน์ที่มีประเภทข้อมูลไม่ต่อเนื่อง"
พื้นที่โดยรอบ
ชุดอินพุตที่เป็นไปได้ทั้งหมดที่ฟังก์ชันหรือความสัมพันธ์ทําได้ หากชุดข้อมูลหลายชุดแสดงในแผนภูมิ ค่าของโดเมนหนึ่งอาจมีค่าเป้าหมายหลายค่าได้ ตัวอย่าง: & "สําหรับค่าโดเมน '3' ชุดข้อมูลนี้มีค่า '5'."
เหตุการณ์ การดําเนินการที่กําหนดไว้ล่วงหน้าซึ่งแผนภูมิ Google จะบันทึกได้
เช่น ผู้ใช้คลิกปุ่ม หน้าสําหรับแผนภูมิแต่ละประเภทจะมีส่วนเหตุการณ์ (เช่น ที่นี่ ) ซึ่งแสดงเหตุการณ์ที่แผนภูมิประเภทนี้รองรับ เช่น ready
, select
และ onmouseover
ตัวอย่าง: "เมื่อผู้ใช้คลิก
#39;ฉันอยากได้แอปเปิ้ล,##39; การดําเนินการนี้จะจัดกิจกรรม userWantsApples
&" อ่านเพิ่มเติมที่กิจกรรมการจัดการ
กําหนดวิธีแสดงข้อมูลในคอลัมน์ DataTable
โดยไม่ส่งผลต่อค่าที่สําคัญ Google Charts จะแสดงรายการตัวเลือกการจัดรูปแบบและเครื่องมือจัดรูปแบบที่กําหนดไว้ล่วงหน้า เช่น คุณใช้ตัวเลือก prefix
ของตัวจัดรูปแบบ NumberFormat เพื่อแสดงค่า "1000" เป็น "$1000." ได้
อ่านเพิ่มเติมที่จัดรูปแบบ
Google ชีต Google ชีตช่วยให้ผู้ใช้สร้าง อัปเดต แก้ไข และแชร์สเปรดชีตทางออนไลน์ได้ Google ชีตเป็นแหล่งข้อมูลทั่วไปสําหรับแผนภูมิของ Google อ่านเพิ่มเติมในหน้าแผนภูมิของ Google ใน Google ชีต คุณสร้างและจัดการ Google ชีตได้จาก Google ไดรฟ์
ช่วงเวลา
บทบาทคอลัมน์ที่ไม่บังคับ ซึ่งมีค่าเป้าหมายเพิ่มเติมสําหรับค่าโดเมนที่ระบุในชุดข้อมูล
ตัวอย่างเช่น คุณสามารถจัดเก็บข้อมูลเกี่ยวกับช่วงความเชื่อมั่น ในคอลัมน์ interval
เพื่อแสดงข้อมูลนั้นเป็นส่วนหนึ่งของแผนภูมิแท่งได้ ช่วงเวลาจะแสดงบ่อยที่สุดในรูปแบบแผนภูมิเส้น แผนภูมิกระจาย และแผนภูมิแท่ง Google Charts แสดงระยะเวลาหลายรายการสําหรับการแสดงช่วงเวลา อ่านเพิ่มเติมที่ช่วงเวลา
คำอธิบาย
พื้นที่ภายในแผนภูมิซึ่งแสดงป้ายกํากับและลักษณะที่ปรากฏของชุดข้อมูลทั้งหมดในแผนภูมิ และ/หรือคอมโพเนนต์ย่อยของชุดข้อมูลเดียวในแผนภูมิ เช่น ในแผนภูมิวงกลมที่มีชุดข้อมูลเพียง 1 ชุด คําอธิบายจะประกอบด้วยป้ายกํากับและสีที่สอดคล้องกับพายแต่ละรายการ & เครื่องหมายคําพูดของพาย
ตัวโหลดไลบรารี
เมธอด JavaScript google.charts.load
ซึ่งโหลดไลบรารี Google Charts API
การโหลดไลบรารีนั้นจําเป็นเมื่อคุณสร้างหน้าเว็บที่ใช้ Googleอันดับ อ่านเพิ่มเติมที่โหลดไลบรารี
วิธีการ
ขั้นตอนในการเขียนโปรแกรมที่มุ่งเน้นวัตถุ
(OOP) ที่เชื่อมโยงกับคลาสออบเจ็กต์ เช่น &"หากคุณเขียนไลบรารีแผนภูมิ ออบเจ็กต์ Chart
จะต้องแสดงเมธอด draw()
ข้อความค้นหา
คําขอข้อมูลที่ส่งไปยังฐานข้อมูล Google Charts จะรองรับการค้นหาข้อมูล ซึ่งเป็นคําค้นหาที่คล้ายกับ SQL ซึ่งใช้ในการค้นหาแหล่งที่มาต่างๆ เช่น Google ชีต โดยจะต้องเขียนคําค้นหาโดยใช้ภาษาในการค้นหา Google Indexing API
ซีรีส์
คอลัมน์ข้อมูลใน DataTable
หรือ DataView
ซึ่งแต่ละค่าจะสอดคล้องกับค่าโดเมน 1 ต่อ 1 จากคอลัมน์โดเมน ชุดคอลัมน์อาจมีคอลัมน์ที่เชื่อมโยงอย่างน้อย 1 คอลัมน์ซึ่งมีบทบาทคอลัมน์อื่น เช่น คําอธิบายประกอบหรือบทบาทสไตล์
ตัวอย่าง: " แผนภูมิต่อไปนี้แสดงแผนภูมิที่มี 2 ชุด คือสีฟ้าเข้ม 1 ชุด สีฟ้า
ซ้อนทับ
ตัวเลือกแผนภูมิเพื่อแสดงชุดข้อมูลหลายชุด โดยที่กราฟแต่ละชุดในกราฟนั้นสัมพันธ์กับชุดก่อนหน้าโดยการเพิ่มค่าชุดก่อนหน้าก่อนหน้านี้สําหรับค่าโดเมนหนึ่งๆ ซึ่งจะสร้างเอฟเฟกต์ภาพของซีรีส์ที่มี "stacks" วางทับกัน ดูตัวอย่างได้ที่แผนภูมิพื้นที่: พื้นที่การซ้อน
การวางซ้อนใช้ได้กับแผนภูมิประเภทต่อไปนี้โดยตั้งค่าตัวเลือก isStacked
เป็น true
รูปแบบ
บทบาทของคอลัมน์ซึ่งใช้พร็อพเพอร์ตี้ที่เฉพาะเจาะจง
เพื่อระบุรูปลักษณ์ของชุดหนังสือ ที่พัก ได้แก่ color
, opacity
,
stroke-width
และ stroke-color
อ่านเพิ่มเติมเกี่ยวกับบทบาทในคอลัมน์ style
ในบทบาทที่ใช้ได้
ช่องเล็กๆ ที่จะปรากฏขึ้นเมื่อเคอร์เซอร์วางอยู่เหนือองค์ประกอบแผนภูมิบางรายการ เนื้อหาเคล็ดลับเครื่องมืออาจสร้างขึ้นโดยอัตโนมัติจากข้อมูลชุดสําคัญ หรือจัดเก็บไว้ในคอลัมน์ที่มีบทบาทคอลัมน์ tooltip
อ่านเพิ่มเติมที่เคล็ดลับเครื่องมือ
เส้นแนวโน้ม
เส้นซ้อนทับบนแผนภูมิที่แสดงทิศทางโดยรวม หรือ"trend&" ของข้อมูล อ่านข้อมูลเพิ่มเติมได้ที่เทรนด์
กลับไปด้านบน
ส่งความคิดเห็น
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2022-11-01 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
หากต้องการบอกให้เราทราบเพิ่มเติม