คุณสามารถใช้เครื่องมือแผนภูมิของ Google ด้วยการตั้งค่าเริ่มต้นได้ การปรับแต่งทั้งหมดเป็นแบบไม่บังคับและการตั้งค่าพื้นฐานพร้อมใช้งาน อย่างไรก็ตาม คุณอาจปรับแต่งแผนภูมิได้ง่ายหากหน้าเว็บมีรูปแบบที่แปลกไปจากค่าเริ่มต้น ทุกแผนภูมิแสดงตัวเลือกมากมายที่ปรับแต่งรูปลักษณ์ได้ ตัวเลือกเหล่านี้จะแสดงเป็นคู่ของชื่อ:ค่าในออบเจ็กต์ตัวเลือกที่ส่งไปยังเมธอด draw() ของแผนภูมิ
โดยปกติแล้วแผนภูมิจะรองรับตัวเลือกที่กําหนดเองซึ่งเหมาะสมกับการแสดงภาพนั้นๆ
เช่น แผนภูมิตารางรองรับตัวเลือก sortColumn เพื่อระบุคอลัมน์การจัดเรียงเริ่มต้น และการแสดงภาพแผนภูมิวงกลมรองรับตัวเลือก colors ที่ให้คุณระบุสีส่วนแบ่งได้ เอกสารประกอบของแผนภูมิแต่ละรายการควรอธิบายตัวเลือกที่รองรับ
ระบบจะส่งตัวเลือกของคุณเป็นพารามิเตอร์ที่ 2 ที่ไม่บังคับไปยังเมธอด draw() ของแผนภูมิตามที่อธิบายไว้ก่อนหน้านี้ คุณระบุตัวเลือกได้โดยการสร้างออบเจ็กต์ที่มีพร็อพเพอร์ตี้เฉพาะสําหรับแผนภูมิแต่ละรายการ
ตัวอย่างต่อไปนี้สาธิตการสร้างออบเจ็กต์ตัวเลือกที่ระบุพร็อพเพอร์ตี้เหล่านี้ทั้งหมด
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
นี่คือแผนภูมิที่โค้ดนี้สร้างขึ้น
|
|
นอกจากนี้ คุณยังระบุตัวเลือกจริงๆ ภายในเมธอด draw() ได้ดังนี้
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
นี่คือแผนภูมิที่โค้ดนี้สร้างขึ้น
|
|
ข้อมูลเพิ่มเติม