วิธีปรับแต่งแผนภูมิ

คุณสามารถใช้เครื่องมือแผนภูมิของ 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
});

นี่คือแผนภูมิที่โค้ดนี้สร้างขึ้น

ข้อมูลเพิ่มเติม

• ตัวอย่างการสร้างแบรนด์ที่กําหนดเอง
• ตัวอย่างตารางที่กําหนดเอง