แผนภูมิวงกลม

   

เอกสารนี้จะอธิบายวิธีสร้างแผนภูมิวงกลมโดยใช้ Chart API

สารบัญ

ภาพรวม

แผนภูมิวงกลมเหมาะสำหรับการแสดงข้อมูลตามสัดส่วนไปยังข้อมูลทั้งหมดอย่างง่ายๆ คุณจะสร้างแผนภูมิวงกลมชุดเดียวได้ โดยแต่ละชุดประกอบด้วยแผนภูมิหลายชิ้น หรือแผนภูมิหลายชุดที่มีศูนย์กลางร่วมกัน

แต่ละชุดจะอธิบายถึง 1 วงกลม และค่าข้อมูลแต่ละค่าจะระบุ 1 สไลซ์ เมื่อใช้แผนภูมิวงกลมที่ซ้อนกัน (อธิบายไว้ด้านล่าง) ให้ใช้หลายชุด

หากต้องการแสดงข้อความที่เชื่อมโยงกับสไลซ์ คุณจะต้องใช้ป้ายกำกับแผนภูมิวงกลมหรือคำอธิบายแผนภูมิ ป้ายกำกับแผนภูมิวงกลมคือข้อความรอบแผนภูมิที่มีเส้นชี้ไปยังสไลซ์ คำอธิบายคือข้อความที่เชื่อมโยงตามสี

ป้ายกำกับ คำอธิบาย ป้ายกำกับและคำอธิบาย

chl=January|February|March|April

chdl=January|February|March|April

chl=January|February|March|April
chdl=30°|40°|50°|60°

ค่าจะแสดงเปรียบเทียบกันเอง ดังนั้นแผนภูมิที่มีค่า 1,2,3 จะดูเหมือนกับแผนภูมิที่มีค่า 100,200,300 อย่างไรก็ตาม เมื่อใช้ข้อมูลรูปแบบข้อความ ระบบจะตัดค่าที่มากกว่า 100 เหลือ 100 คุณจึงต้องใช้รูปแบบข้อความที่มีการปรับขนาดที่กำหนดเองเพื่อแสดงส่วนที่มากกว่า 100 อย่างเหมาะสม (ใช้พารามิเตอร์ chds ที่มีค่าต่ำสุด/สูงสุดเป็น chds=0,<max-slice-size>)

ค่าลบจะแสดงเป็นชิ้นว่างของขนาดที่เหมาะสม

ประเภทแผนภูมิ

แผนภูมิวงกลมทั่วไปที่คุณสามารถสร้างได้มี 3 ประเภท ได้แก่ แบบแบน แบบศูนย์กลาง หรือ 3 มิติ ระบุแผนภูมิวงกลมโดยใช้ไวยากรณ์ต่อไปนี้

ไวยากรณ์

cht=<chart_type>

โดยที่ <chart_type> จัดอยู่ในประเภทต่อไปนี้

พารามิเตอร์ คำอธิบาย ตัวอย่าง

p

แผนภูมิวงกลม 2 มิติ

ระบุชุดข้อมูลเพียงชุดเดียวเท่านั้น ระบบจะไม่สนใจชุดข้อมูลต่อๆ ไป

โดยค่าเริ่มต้น สีของส่วนของวงกลมจะสอดประสานจากสีส้มเข้มไปจนถึงสีเหลืองอ่อน ระบุสีอื่นๆ ตามที่อธิบายไว้ในสีของชุด

ระบุป้ายกำกับที่มี chl ตามที่อธิบายไว้ในป้ายกำกับแผนภูมิวงกลม

Google Chart API จะคำนวณรัศมีของวงกลมจากความกว้างและความสูงขั้นต่ำที่ระบุในพารามิเตอร์ขนาดแผนภูมิ (chs) หากจะใส่ป้ายกำกับไว้ คุณอาจต้องระบุขนาดความกว้างเป็น 2 เท่าของความสูงเพื่อให้มั่นใจว่าป้ายกำกับจะปรากฏให้เห็นทั้งหมด

แผนภูมิวงกลม 2 มิติที่มี 4 ส่วนโดยแบ่งสีส่วนต่างๆ จากสีเข้มไปจนถึงสีส้มอ่อน

cht=p
chs=200x100

p3

แผนภูมิวงกลม 3 มิติ

ระบุข้อมูลและการจัดรูปแบบในลักษณะเดียวกับแผนภูมิวงกลม 2 มิติด้านบน

หากต้องการใส่ป้ายกำกับในแผนภูมิวงกลม 3 มิติ คุณอาจต้องระบุขนาดความกว้างเป็น 2.5 เท่าของความสูงเพื่อให้มั่นใจว่าป้ายกำกับมองเห็นได้ทั้งหมด

แผนภูมิวงกลม 3 มิติที่มี 4 ส่วนโดยแบ่งสีส่วนต่างๆ จากสีเข้มไปจนถึงสีส้มอ่อน

cht=p3
chs=250x100

pc

แผนภูมิวงกลมร่วมศูนย์กลาง

ระบุชุดข้อมูลอย่างน้อย 2 ชุด

แผนภูมิวงกลม 2 รูปที่มีวงกลมเป็นศูนย์กลาง แต่ละส่วนมี 4 ส่วน โดยสีส่วนนี้จะสอดจากสีเข้มไปจนถึงสีส้มอ่อน

cht=pc
chd=s:Helo,Wrld

ทุกประเภท ตัวเลขที่เป็นลบในข้อมูลจะทำให้ส่วน "ว่าง" แสดงขึ้น แผนภูมิวงกลม 2 รูปที่มีวงกลมเป็นศูนย์กลาง แต่ละส่วนมี 4 ส่วน โดยสีส่วนนี้จะสอดจากสีเข้มไปจนถึงสีส้มอ่อน
cht=pc
chd=t:
10,-10,10,-10|
5,-5,5,-5,5,-5,5,-5,5,-5

 

สีชุด chco

คุณระบุสีของค่าทั้งหมด แต่ละค่า หรือค่าบางค่าได้โดยใช้พารามิเตอร์ chco

ไวยากรณ์

chco=<slice_1>|<slice_2>|<slice_n>,<series_color_1>,...,<series_color_n>
<color>
สไลซ์สีในรูปแบบเลขฐาน 16 RRGGBB ระบุสีชุดเดียวและชิ้นส่วนทั้งหมดในชุดดังกล่าวจะลงสีแบบไล่ระดับสีจากสีเข้มที่สุด (สมาชิกข้อมูลแรก) ไปถึงสว่างที่สุด (สมาชิกของข้อมูลสุดท้าย) ระบุสีตั้งแต่ 2 สีขึ้นไปซึ่งคั่นด้วยเครื่องหมาย | เพื่ออธิบายสีของแต่ละสไลซ์ เมื่อมีหลายชุด (ซึ่งก็คือแผนภูมิที่มีวงแหวนศูนย์กลาง) คุณจะระบุค่าสำหรับชุดต่างๆ ได้โดยคั่นค่าด้วยคอมมา เมื่อมีการระบุสีของสไลซ์/อนุกรมน้อยกว่าสไลซ์/อนุกรมที่แสดง แผนภูมิจะหมุนเวียนจากจุดเริ่มต้นของรายการสไลซ์ของชุดนั้นๆ หรือรายการชุดของแผนภูมิ คุณไม่สามารถกำหนดการไล่ระดับสีที่แตกต่างกันสำหรับแต่ละชุดในแผนภูมิหลายชุดได้
คำอธิบาย ตัวอย่าง

ระบุสีเดียวที่จะไล่ระดับจากสีเข้มที่สุด (สไลซ์แรก) ไปถึงสีอ่อน (สไลซ์สุดท้าย)

แผนภูมิวงกลม 3 มิติที่มีการแบ่งส่วนจากสีเข้มไปเป็นสีน้ำเงินอ่อน

chco=0000FF

กำหนดการไล่ระดับสี นั่นคือจากสีเหลืองเป็นสีแดง เริ่มจากสีเหลืองไปจนถึงแดง
chd=t:10,20,30,40,50
chco=FFFF10,FF0000

การกำหนดสีของชิ้นส่วนแต่ละสี ระบุ 1 สีต่อชิ้นส่วน 1 ส่วนต่อสี
chd=t:10,20,30
chco=FF0000|00FF00|0000FF
แผนภูมินี้มีชุดข้อมูล 2 ชุด แต่ระบุสีเป็นการไล่ระดับสีแบบเดียวในส่วนทั้งหมดตั้งแต่สีเหลืองไปจนถึงสีแดง (BBBB00—BB0000) แผนภูมิวงกลม 2 รูปที่มีวงกลมเป็นศูนย์กลาง แต่ละส่วนมี 4 ส่วน โดยสีส่วนนี้จะสอดจากสีเข้มไปจนถึงสีส้มอ่อน
chco=BBBB00,BB0000

ต่อไปนี้เป็นแผนภูมิร่วมที่มีทั้งสีชุดและสีของแต่ละชิ้นส่วน แผนภูมิมีชุดข้อมูลที่มีศูนย์กลาง 2 ชุด ในรูปแบบที่มนุษย์อ่านได้ สีคือ chco=green|red,blue|เหลือง คอมมาจะแบ่งค่านี้เป็น 2 ชุดดังนี้

  • สีเขียว|แดง - แบ่งส่วนสีเขียวและสีแดงสลับกัน
  • น้ำเงิน|เหลือง - แบ่งส่วนสีฟ้าและเหลืองสลับกัน
แผนภูมิวงกลม 2 รูปที่มีวงกลมเป็นศูนย์กลาง แต่ละส่วนมี 4 ส่วน โดยสีส่วนนี้จะสอดจากสีเข้มไปจนถึงสีส้มอ่อน
chd=s:eYY,ORVM
chco=008800|880000,000088|888800

กลับไปด้านบน

ป้ายกำกับแผนภูมิวงกลม chl

คุณสามารถระบุป้ายกำกับสำหรับชิ้นส่วนแผนภูมิวงกลมแต่ละชิ้นโดยใช้พารามิเตอร์ chl นอกจากนี้ คุณยังแสดงคำอธิบายที่มีค่าเดียวกันหรือแตกต่างกันได้ด้วย คำอธิบาย 1 รายการต่อส่วนแบ่ง

หมายเหตุเกี่ยวกับค่าสตริง: สตริงป้ายกำกับอนุญาตให้ใช้อักขระที่ปลอดภัยต่อ URL เท่านั้น เพื่อความปลอดภัย คุณควรเข้ารหัส URL สตริงใดๆ ที่มีอักขระที่ไม่ได้อยู่ในชุดอักขระ 0-9a-zA-Z เท่านั้น คุณสามารถค้นหาโปรแกรมเปลี่ยนไฟล์ URL ได้ที่นี่

ไวยากรณ์

chl=
  <label_value>|
    ...
  <label_value>
<label_value>
ค่าสตริงที่จะใช้กับส่วนแบ่ง จะมีการใช้ป้ายกํากับแบบต่อเนื่องกับจุดข้อมูลใน chd หากมีหลายชุด (เช่น สำหรับแผนภูมิวงกลมที่มีศูนย์กลาง) ป้ายกำกับจะใช้กับจุดทั้งหมดในลำดับทั้งหมดตามลำดับที่ระบุใน chd ใช้ตัวคั่นแบบไปป์ ( | ) ระหว่างป้ายกำกับแต่ละรายการ ระบุค่าการแทรกที่หายไปโดยใช้อักขระไปป์ 2 ตัวติดต่อกันโดยไม่มีช่องว่าง: || คุณไม่จำเป็นต้องติดป้ายกำกับทุกส่วน

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ป้ายกำกับสำหรับแผนภูมิวงกลม 3 มิติ

แผนภูมิวงกลม 3 มิติที่มีป้ายกำกับเดือนพฤษภาคม มิถุนายน กรกฎาคม สิงหาคม กันยายน และตุลาคมสำหรับแต่ละส่วน

chl=May|Jun|Jul|Aug|Sep|Oct
chs=220x100

เมื่อระบุขนาดของแผนภูมิด้วย chs ให้พิจารณาปริมาณที่ป้ายกำกับจะต้องใช้

โดยทั่วไปแล้ว แผนภูมิวงกลม 2 มิติต้องมีความกว้างมากกว่าความสูงประมาณ 2 เท่า และแผนภูมิวงกลม 3 มิติต้องมีความกว้างมากกว่าความสูงประมาณ 2.5 เท่าเพื่อให้แสดงป้ายกำกับได้อย่างเหมาะสม

ในตัวอย่างแรก ป้ายกำกับแสดงเพียงบางส่วนเท่านั้น เนื่องจากแผนภูมิไม่กว้างพอ

ตัวอย่างที่ 2 แสดงให้เห็นว่าแผนภูมิต้องมีความกว้าง 280 พิกเซลเพื่อแสดงป้ายกำกับแบบเต็ม (เพิ่มเส้นขอบในองค์ประกอบ <img> อย่างชัดเจน)

แผนภูมิวงกลม 3 มิติที่มีป้ายกำกับเดือนพฤษภาคม มิถุนายน กรกฎาคม สิงหาคม กันยายน และตุลาคมสำหรับแต่ละส่วน

chl=May|June|July|August|
September|October
chs=220x100


แผนภูมิวงกลม 3 มิติที่มีป้ายกำกับเดือนพฤษภาคม มิถุนายน กรกฎาคม สิงหาคม กันยายน และตุลาคมสำหรับแต่ละส่วนchl=May|June|July|August|
September|October
chs=280x100

กลับไปด้านบน

การหมุนแผนภูมิวงกลม chp

โดยค่าเริ่มต้น ชุดแรกจะวาดโดยเริ่มตั้งแต่เวลา 3:00 น. ต่อเนื่องตามเข็มนาฬิกาไปรอบๆ แผนภูมิ แต่คุณระบุการหมุนที่กำหนดเองได้โดยใช้พารามิเตอร์ chp

ไวยากรณ์

chp=<radians>
  
<radians>
ค่าจุดลอยตัวที่อธิบายจำนวนเรเดียนที่จะหมุนแผนภูมิตามเข็มนาฬิกา เลี้ยวที่สมบูรณ์ 1 รอบคือ 2π (2 พาย - ประมาณ 6.28) เรเดียน

ตัวอย่าง

คำอธิบาย ตัวอย่าง

หากต้องการเปลี่ยนการวางแนวของแผนภูมิวงกลม ให้ใช้ chp=<angle_in_radians>

แผนภูมิวงกลมที่มี 2 ส่วน

chd=t:20,80


แผนภูมิวงกลมที่มี 2 ส่วน โดยหมุนด้วย 0.628

chd=t:80,20
chp=0.628

ต่อไปนี้เป็นอีกตัวอย่างหนึ่งของการหมุนแผนภูมิวงกลม และนำเครื่องหมายเหล่านี้ไปรวมกับเครื่องหมายรูปร่างแผนภูมิเพื่อสร้างเอฟเฟกต์ที่น่าสนใจได้ แผนภูมิวงกลมที่มี 2 ส่วน โดยหมุนด้วย 0.628

 

กลับไปด้านบน

ฟีเจอร์มาตรฐาน

ฟีเจอร์ที่เหลือในหน้านี้เป็นฟีเจอร์แผนภูมิมาตรฐาน

ชื่อแผนภูมิ chtt, chts [แผนภูมิทั้งหมด]

คุณสามารถระบุข้อความชื่อ สี และขนาดแบบอักษรสําหรับแผนภูมิได้

ไวยากรณ์

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

 

chtt - ระบุชื่อแผนภูมิ

<chart_title>
ชื่อที่จะแสดงสำหรับแผนภูมิ คุณไม่สามารถระบุตำแหน่งที่จะแสดงได้ แต่จะระบุขนาดและสีของแบบอักษรได้ ใช้เครื่องหมาย + เพื่อระบุการเว้นวรรค และอักขระไปป์ ( |) เพื่อระบุการขึ้นบรรทัดใหม่

 

chts [ไม่บังคับ] - สีและขนาดแบบอักษรสำหรับพารามิเตอร์ chtt

<color>
สีของชื่อในรูปแบบฐานสิบหก RRGGBB สีเริ่มต้นคือสีดำ
<font_size>
ขนาดแบบอักษรของชื่อเป็นจุด
<opt_alignment>
[ไม่บังคับ] การจัดแนวชื่อ เลือกค่าสตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ต่อไปนี้ค่าใดค่าหนึ่งต่อไปนี้ "l" (ซ้าย), "c" (กึ่งกลาง) "r" (ขวา) ค่าเริ่มต้นคือ "c"

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

แผนภูมิที่มีชื่อ โดยใช้สีและขนาดแบบอักษรเริ่มต้น

ระบุการเว้นวรรคที่มีเครื่องหมายบวก (+)

ใช้อักขระไปป์ (|) เพื่อบังคับให้มีการขึ้นบรรทัดใหม่

ไม่ได้ระบุ chts ที่นี่

แผนภูมิแท่งแนวตั้งพร้อมชื่อ
chtt=Site+visitors+by+month|
January+to+July

แผนภูมิที่มีหัวข้อสีน้ำเงิน 20 จุด อยู่ทางขวา

แผนภูมิแท่งแนวตั้งที่มีสีน้ำเงิน ขนาด 20 พิกเซล หัวข้อ
chtt=Site+visitors
chts=FF0000,20,r

กลับไปด้านบน

ข้อความคำอธิบายแผนภูมิและรูปแบบ chdl, chdlp, chdls [แผนภูมิทั้งหมด]

คำอธิบายคือส่วนด้านข้างของแผนภูมิที่แสดงข้อความอธิบายสั้นๆ ของแต่ละชุด คุณระบุข้อความที่เกี่ยวข้องกับแต่ละชุดในคำอธิบายนี้ได้ และระบุตำแหน่งในแผนภูมิที่ควรแสดง

ดูเพิ่มเติมที่ chma เพื่อดูวิธีตั้งค่าระยะขอบรอบคำอธิบาย

หมายเหตุเกี่ยวกับค่าสตริง: สตริงป้ายกำกับอนุญาตให้ใช้อักขระที่ปลอดภัยต่อ URL เท่านั้น เพื่อความปลอดภัย คุณควรเข้ารหัส URL สตริงใดๆ ที่มีอักขระที่ไม่ได้อยู่ในชุดอักขระ 0-9a-zA-Z เท่านั้น คุณค้นหาโปรแกรมเปลี่ยนไฟล์ URL ได้ในเอกสารประกอบการแสดงภาพของ Google

ไวยากรณ์

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl - ข้อความของแต่ละชุดที่จะแสดงในคำอธิบาย

<data_series_label>
ข้อความสำหรับรายการคำอธิบาย ป้ายกำกับแต่ละรายการจะมีผลกับชุดที่เกี่ยวข้องในอาร์เรย์ chd ใช้เครื่องหมาย + สำหรับพื้นที่ทำงาน หากคุณไม่ระบุพารามิเตอร์นี้ แผนภูมิจะไม่มีคำอธิบาย ทั้งนี้คุณจะระบุตัวแบ่งบรรทัดในป้ายกำกับไม่ได้ โดยปกติคำอธิบายจะขยายออกเพื่อรวมข้อความคำอธิบายไว้ และพื้นที่ของแผนภูมิจะย่อลงเพื่อรองรับคำอธิบาย

chdlp - [ไม่บังคับ] ตำแหน่งของคำอธิบาย และลำดับของรายการคำอธิบาย คุณระบุ <position> และ/หรือ <label_order> ได้ หากระบุทั้งสองอย่าง ให้แยกแต่ละรายการด้วยอักขระแท่ง คุณเพิ่ม "s" ลงในค่าใดก็ได้หากต้องการให้ระบบข้ามรายการคำอธิบายที่ว่างเปล่าใน chdl ในคำอธิบาย เช่น chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[ไม่บังคับ] ระบุตำแหน่งของคำอธิบายในแผนภูมิ หากต้องการระบุระยะห่างจากขอบเพิ่มเติมระหว่างคำอธิบายกับพื้นที่แผนภูมิหรือเส้นขอบรูปภาพ ให้ใช้พารามิเตอร์ chma เลือกค่าใดค่าหนึ่งต่อไปนี้
  • b - คำอธิบายที่ด้านล่างของแผนภูมิคือรายการคำอธิบายในแถวแนวนอน
  • bv - คำอธิบายที่ด้านล่างของแผนภูมิคือรายการคำอธิบายในคอลัมน์แนวตั้ง
  • t - คำอธิบายที่ด้านบนของแผนภูมิ รายการคำอธิบายอยู่ในแถวแนวนอน
  • tv - คำอธิบายที่ด้านบนของแผนภูมิ รายการคำอธิบายในคอลัมน์แนวตั้ง
  • r - [ค่าเริ่มต้น] คำอธิบายทางด้านขวาของแผนภูมิ รายการคำอธิบายในคอลัมน์แนวตั้ง
  • l - คำอธิบายที่ด้านซ้ายของแผนภูมิ รายการคำอธิบายในคอลัมน์แนวตั้ง
<opt_label_order>
[ไม่บังคับ] ลำดับที่ป้ายกำกับแสดงในคำอธิบาย เลือกค่าใดค่าหนึ่งต่อไปนี้
  • l - [ค่าเริ่มต้นสำหรับคำอธิบายแนวตั้ง] แสดงป้ายกำกับตามลำดับที่กำหนดให้กับ chdl
  • r - แสดงป้ายกำกับในลำดับกลับกันตามที่ให้ไว้กับ chdl ซึ่งจะมีประโยชน์ในแผนภูมิแท่งแบบซ้อน ซึ่งจะแสดงคำอธิบาย
    ในลำดับเดียวกับที่แท่งกราฟปรากฏ
  • a - [ค่าเริ่มต้นสำหรับคำอธิบายแนวนอน] การจัดลำดับอัตโนมัติ: หมายถึงการจัดเรียงตามความยาว สั้นที่สุดก่อน ตามที่วัดจากบล็อกขนาด 10 พิกเซล เมื่อองค์ประกอบ 2 รายการมีความยาวเท่ากัน (แบ่งออกเป็นบล็อก 10 พิกเซล) องค์ประกอบแรกที่ปรากฏก่อน
  • 0,1,2... - ลำดับป้ายกำกับที่กำหนดเอง นี่เป็นรายการดัชนีป้ายกำกับแบบ 0 จาก chdl โดยคั่นด้วยคอมมา

chdls - [ไม่บังคับ] ระบุสีและขนาดแบบอักษรของข้อความคำอธิบาย

<color>
สีข้อความคำอธิบายในรูปแบบฐานสิบหก RRGGBB
<size>
ขนาดจุดของข้อความคำอธิบาย

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่าง 2 ตำนาน ระบุข้อความคำอธิบายในลำดับเดียวกับชุดข้อมูล

แผนภูมิเส้นสีแดง น้ำเงิน และเขียวพร้อมคำอธิบายที่ตรงกัน

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

แผนภาพเวนน์ที่มีวงกลม 2 วงขนาดเล็กล้อมรอบด้วยวงกลมที่ใหญ่กว่า


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

แผนภูมิแรกแสดงรายการคำอธิบายแนวนอน (chdlp=t เลย์เอาต์เริ่มต้นคือแนวนอน) และแผนภูมิที่ 2 แสดงรายการคำอธิบายแนวตั้งด้านล่าง (chdlp=bv)

แผนภาพเวนน์ที่มีวงกลม 2 วงขนาดเล็กล้อมรอบด้วยวงกลมที่ใหญ่กว่า
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


แผนภาพเวนน์ที่มีวงกลม 2 วงขนาดเล็กล้อมรอบด้วยวงกลมที่ใหญ่กว่า
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

ตัวอย่างนี้แสดงให้เห็นการเปลี่ยนขนาดแบบอักษร

แผนภาพเวนน์ที่มีวงกลม 2 วงขนาดเล็กล้อมรอบด้วยวงกลมที่ใหญ่กว่า
chdls=0000CC,14

กลับไปด้านบน

ส่วนต่างกำไรของแผนภูมิ chma [แผนภูมิทั้งหมด]

คุณสามารถระบุขนาดระยะขอบของแผนภูมิเป็นพิกเซลได้ ระยะขอบจะคำนวณเข้ามาจากขนาดแผนภูมิที่ระบุ (chs) การเพิ่มขนาดของขอบไม่ได้เพิ่มขนาดแผนภูมิทั้งหมด แต่จะลดขนาดพื้นที่ของแผนภูมิหากจำเป็น

โดยค่าเริ่มต้น ขอบจะเป็นจำนวนที่หลงเหลืออยู่หลังจากคำนวณขนาดของแผนภูมิ ค่าเริ่มต้นนี้จะแตกต่างกันไปตามประเภทของแผนภูมิ ระยะขอบที่คุณระบุเป็นค่าขั้นต่ำ หากพื้นที่ในแผนภูมิมีที่ว่างสำหรับขอบ ขนาดของขอบจะเป็นขนาดที่เหลือ คุณไม่สามารถบีบขอบให้เล็กกว่าที่กำหนดไว้สำหรับคำอธิบายและป้ายกำกับใดๆ ต่อไปนี้คือแผนภาพที่แสดงส่วนพื้นฐานของแผนภูมิ

ระยะขอบแผนภูมิ พื้นที่คำอธิบาย และพื้นที่แผนภูมิ

ระยะขอบแผนภูมิประกอบด้วยป้ายกำกับแกนและพื้นที่คำอธิบาย พื้นที่คำอธิบายจะปรับขนาดโดยอัตโนมัติให้พอดีกับข้อความพอดี เว้นแต่คุณจะระบุความกว้างให้ใหญ่ขึ้นโดยใช้ chma ซึ่งในกรณีนี้พื้นที่ดังกล่าวจะขยายขนาดของขอบให้กว้างขึ้น โดยบีบพื้นที่แผนภูมิให้เล็กลง คุณครอบตัดคำอธิบายโดยการระบุขนาดที่เล็กเกินไปไม่ได้ แต่คุณทำให้คำอธิบายใช้พื้นที่มากกว่าความต้องการได้

เคล็ดลับ: ในแผนภูมิแท่ง หากแท่งมีขนาดคงที่ (ค่าเริ่มต้น) คุณจะลดความกว้างของพื้นที่แผนภูมิไม่ได้ คุณต้องระบุขนาดแท่งที่เล็กลงหรือปรับขนาดได้โดยใช้ chbh

 

ไวยากรณ์

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
<left_margin>, <right_margin>, <top_margin>, <bottom_margin>
ขนาดระยะขอบขั้นต่ำรอบพื้นที่แผนภูมิ หน่วยเป็นพิกเซล เพิ่มค่านี้ให้รวมระยะห่างจากขอบบางส่วนเพื่อป้องกันไม่ให้ป้ายกำกับแกนชนกับเส้นขอบของแผนภูมิ
<opt_legend_width>, <opt_legend_height>
[ไม่บังคับ] ความกว้างของระยะขอบรอบคำอธิบายเป็นพิกเซล ใช้ฟีเจอร์นี้เพื่อหลีกเลี่ยงไม่ให้สัญลักษณ์เอียงขึ้นบนพื้นที่ของแผนภูมิหรือขอบของรูปภาพ

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ในตัวอย่างนี้ แผนภูมิมีระยะขอบอย่างน้อย 30 พิกเซลในแต่ละด้าน เนื่องจากคำอธิบายแผนภูมิกว้างมากกว่า 30 พิกเซล ระยะขอบด้านขวาจึงกำหนดเป็นความกว้างของคำอธิบายแผนภูมิ และต่างจากระยะขอบอื่นๆ

ป้ายกำกับแกนอยู่นอกพื้นที่พล็อต ดังนั้นจึงวาดภายในพื้นที่ขอบ

แผนภูมิเส้นที่มีพื้นหลังสีเทาและขอบแต่ละด้าน
chma=30,30,30,30

หากต้องการเพิ่มระยะขอบรอบคำอธิบาย ให้ตั้งค่าสำหรับพารามิเตอร์ <opt_legend_width> และ <opt_legend_height>

ในตัวอย่างนี้ คำอธิบายมีความกว้างประมาณ 60 พิกเซล หากคุณตั้งค่า <opt_legend_width> เป็น 80 พิกเซล ระยะขอบจะขยายเป็น 20 พิกเซลนอกคำอธิบาย

แผนภูมิเส้นที่มีพื้นหลังสีเทาและขอบแต่ละด้าน
chma=20,20,20,30|80,20

กลับไปด้านบน

รูปแบบแกนและป้ายกำกับ [เส้น, แถบ, Google-o-meter, เรดาร์, กระจาย]

คุณระบุแกนที่จะแสดงในแผนภูมิ รวมถึงติดป้ายกำกับและตำแหน่ง ช่วง และสไตล์ที่กำหนดเองได้

แผนภูมิบางรายการจะไม่แสดงเส้นแกนโดยค่าเริ่มต้น คุณระบุแกนที่แผนภูมิควรปรากฏได้โดยใช้พารามิเตอร์ chxt เส้นแกนเริ่มต้นไม่แสดงตัวเลข คุณต้องระบุแกนในพารามิเตอร์ chxt เพื่อแสดงตัวเลข

คุณจะเลือกให้แกนแสดงตัวเลขที่แสดงถึงค่าข้อมูลหรือจะระบุแกนที่กำหนดเองก็ได้ โดยค่าเริ่มต้นคือการแสดงค่าตัวเลข โดยมีค่าตั้งแต่ 0-100 อย่างไรก็ตาม คุณจะเปลี่ยนช่วงดังกล่าวได้โดยใช้ chxr เพื่อแสดงช่วงใดก็ได้ รวมทั้งจัดรูปแบบค่า (เช่น เพื่อแสดงสัญลักษณ์สกุลเงินหรือตำแหน่งทศนิยม) โดยใช้ chxs ได้

หากเลือกใช้ค่าที่กำหนดเอง เช่น "จ. อ. พ." คุณจะใช้พารามิเตอร์ chxl ได้ หากต้องการวางป้ายกำกับเหล่านี้ในตำแหน่งที่ต้องการตามแกน ให้ใช้พารามิเตอร์ chxp

สุดท้าย คุณสามารถใช้พารามิเตอร์ chxs และ chxtc เพื่อระบุสี ขนาด การจัดแนว และคุณสมบัติอื่นๆ ของป้ายกำกับแกนทั้งที่กำหนดเองและตัวเลข

หมายเหตุเกี่ยวกับค่าสตริง: สตริงป้ายกำกับอนุญาตให้ใช้อักขระที่ปลอดภัยต่อ URL เท่านั้น เพื่อความปลอดภัย คุณควรเข้ารหัส URL สตริงใดๆ ที่มีอักขระที่ไม่ได้อยู่ในชุดอักขระ 0-9a-zA-Z เท่านั้น คุณค้นหาโปรแกรมเปลี่ยนไฟล์ URL ได้ในเอกสารประกอบการแสดงภาพของ Google

ส่วนนี้ครอบคลุมหัวข้อต่อไปนี้


แกนที่มองเห็น chxt

แผนภูมิแท่ง แผนภูมิเส้น แผนภูมิเรดาร์ และแผนภูมิกระจายจะแสดงเส้นแกน 1 หรือ 2 เส้นโดยค่าเริ่มต้น แต่ไม่รวมค่า หากต้องการแสดงค่าบนเส้นแกนหรือเปลี่ยนแกนที่จะแสดง คุณต้องใช้พารามิเตอร์ chxt โดยค่าเริ่มต้น ค่าของแกนจะอยู่ในช่วง 0-100 เว้นแต่คุณจะปรับขนาดอย่างชัดแจ้งโดยใช้พร็อพเพอร์ตี้ chxr หากต้องการซ่อนเส้นแกนทั้งหมดในแผนภูมิเส้น ให้ระบุ :nda หลังค่าประเภทแผนภูมิในพารามิเตอร์ cht (เช่น cht=lc:nda)

โดยค่าเริ่มต้น แกนด้านบนและด้านล่างจะไม่แสดงเครื่องหมายถูกตามค่า ส่วนแกนซ้ายและขวาจะแสดงตัวเลข คุณเปลี่ยนลักษณะการทำงานนี้ได้โดยใช้พารามิเตอร์ chxs

ไวยากรณ์

chxt=
  <axis_1>
    ,...,
  <axis_n>
<axis>
แกนที่จะแสดงในแผนภูมิ แกนที่ใช้ได้มีดังนี้
  • x - แกน x ด้านล่าง
  • t - แกน x ด้านบน [Google-o-Meter]
  • y - แกน Y ซ้าย
  • r - แกน Y ขวา [Google-o-Meter]

คุณระบุแกนที่มีประเภทเดียวกันหลายแกนได้ เช่น cht=x,x,y ซึ่งจะซ้อนแกน x 2 ชุดที่ด้านล่างของแผนภูมิ วิธีนี้มีประโยชน์เมื่อเพิ่มป้ายกำกับที่กำหนดเองบนแกนที่แสดงค่าตัวเลข (ดูตัวอย่างด้านล่าง) แกนจะดึงจากด้านในและด้านนอก ดังนั้นหากคุณมี x,x x แรกหมายถึงสำเนาที่อยู่ด้านในสุด ส่วน x ถัดไปหมายถึงสำเนาถัดไปด้านนอก และเรียงต่อไปเรื่อยๆ

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่างนี้แสดงแผนภูมิเส้นที่มีแกน x, แกน y, แกนด้านบน (t) และแกนด้านขวา (r)

เนื่องจากไม่ได้ระบุป้ายกำกับ ค่าเริ่มต้นของแผนภูมิจะเป็นช่วง 0 ถึง 100 สำหรับทุกแกน

โปรดทราบว่าโดยค่าเริ่มต้น แกนด้านบนและด้านล่างจะไม่แสดงเครื่องหมายถูกข้างป้ายกำกับ

แผนภูมิเส้นที่มีป้ายกำกับ: 0, 20, 40, 60, 80 และ 100 ทางด้านซ้ายและขวาและป้ายกำกับคือ 0, 25, 50, 75 และ 100 ด้านบนและต่ำกว่า
chxt=x,y,r,t

คุณรวมป้ายกำกับหลายชุดสำหรับแต่ละแกนได้โดยใส่ค่าเดียวกันมากกว่า 1 ครั้ง ตัวอย่างนี้แสดงแกน x 2 ชุดและแกน y 2 ชุด ไม่มีประโยชน์เป็นพิเศษเมื่อใช้เฉพาะป้ายกำกับแกนเริ่มต้น ดังที่แสดงที่นี่ แต่คุณระบุป้ายกำกับที่กำหนดเองสำหรับแต่ละสำเนาของแต่ละแกนได้โดยใช้พารามิเตอร์ chxl

<img <code="" dir="ltr" src="/static/chart/image/images/chart_41.png" title="chxt=x,x,y,y&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&nochs=200x1,



,

ตัวอย่างนี้แสดงแผนภูมิแท่งแนวนอนที่มีแกน X, แกน Y, แกน T ด้านบน และแกน R ด้านขวา

ไม่มีป้ายกำกับแกน ดังนั้น Chart API จะแสดงช่วง 0 ถึง 100 สำหรับแกน X และแกน T

ช่วงของแกน Y และแกน r จะกำหนดโดยจำนวนแท่ง ในกรณีนี้จะมี 5 ขีด ดังนั้น Chart API จะแสดงช่วงตั้งแต่ 0 ถึง 4 ป้ายกำกับแรกจะอยู่ที่ฐานของแถบแรก ป้ายกำกับที่ 2 จะอยู่กึ่งกลางที่ฐานของแถบที่ 2 และเรียงต่อไปเรื่อยๆ

แผนภูมิเส้นที่มีป้ายกำกับ: 0, 20, 40, 60, 80 และ 100 ทางด้านซ้ายและขวาและป้ายกำกับคือ 0, 25, 50, 75 และ 100 ด้านบนและต่ำกว่า
chxt=x,y,r,t

คุณระงับแกนเริ่มต้นในแผนภูมิเส้นได้โดยระบุ :nda หลังประเภทแผนภูมิ แผนภูมิเส้นที่มีแกนซ่อนอยู่
cht=lc:nda

กลับไปด้านบน

ช่วงแกน chxr

คุณระบุช่วงของค่าที่ปรากฏบนแกนแต่ละแกนแยกกันได้โดยใช้พารามิเตอร์ chxr โปรดทราบว่าการดำเนินการนี้จะไม่ เปลี่ยนแปลงขนาดขององค์ประกอบแผนภูมิ แต่จะเปลี่ยนเฉพาะสเกลของป้ายกำกับแกนเท่านั้น หากต้องการให้ตัวเลขแกนอธิบายค่าข้อมูลจริง ให้ตั้งค่า <start_val> และ <end_val> เป็นค่าที่ต่ำกว่าและสูงสุดของช่วงรูปแบบข้อมูลตามลำดับ ดูข้อมูลเพิ่มเติมได้ที่การปรับขนาดแกน

คุณต้องทำให้แกนแสดงโดยใช้พารามิเตอร์ chxt หากต้องการระบุช่วง

หากต้องการระบุค่าแกนที่กำหนดเอง ให้ใช้พารามิเตอร์ chxl

ไวยากรณ์

แยกช่วงป้ายกำกับของแกนหลายช่วงโดยใช้อักขระไปป์ ( | )

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<แกน_index>
แกนที่ควรใช้ป้ายกำกับ ซึ่งเป็นดัชนีฐาน 0 ในอาร์เรย์แกนที่ระบุโดย chxt เช่น แกน r จะเป็น 1 ใน chxt=x,r,y
<start_val>
ตัวเลขเป็นตัวกำหนดค่าต่ำสำหรับแกนนี้
<end_val>
ตัวเลขซึ่งระบุค่าสูงสำหรับแกนนี้
<opt_step>
[ไม่บังคับ] ขั้นตอนการนับระหว่างเครื่องหมายแสดงตำแหน่งบนแกน ไม่มีค่าขั้นตอนเริ่มต้น ระบบจะคำนวณขั้นตอนให้พยายามแสดงชุดป้ายกำกับที่มีระยะห่างอย่างเพียงพอ

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่างนี้แสดงแกน Y ซ้ายและขวา (y และ r) และแกน X 1 แกน (x)

แต่ละแกนมีช่วงที่กำหนดไว้แล้ว เนื่องจากไม่มีการระบุป้ายกำกับหรือตำแหน่ง ค่าจึงมาจากช่วงที่ระบุ และมีระยะห่างเท่าๆ กันภายในช่วงนั้น ในแผนภูมิเส้น ค่าจะกระจายเท่าๆ กันตามแกน x

ทิศทางแกนจะกลับด้านสำหรับแกน r (ดัชนี 2) เนื่องจากค่าแรก (1000) มากกว่าค่าสุดท้าย (0)


chxt=x,y,r
chxr=
  0,0,500|
  1,0,200|
  2,1000,0

ในตัวอย่างนี้มีการระบุค่าสำหรับแกน x

ป้ายกำกับแกนจะเว้นระยะห่างเท่าๆ กันตามแกน ระบุค่าห้า (5) สำหรับพารามิเตอร์ <opt_step>

แผนภูมิแท่งแสดง 200, 300 และ 400 บนแกน X chxt=x
chxr=0,10,50,5

กลับไปด้านบน

ป้ายกำกับแกนที่กำหนดเอง chxl

คุณระบุป้ายกำกับแกนสตริงที่กำหนดเองบนแกนใดก็ได้โดยใช้พารามิเตอร์ chxl คุณสามารถระบุป้ายกำกับได้มากเท่าที่ต้องการ หากคุณแสดงแกน (โดยใช้พารามิเตอร์ chxt) และไม่ได้ระบุป้ายกำกับที่กำหนดเอง ระบบจะใช้ป้ายกำกับตัวเลขแบบมาตรฐาน หากต้องการระบุช่วงตัวเลขที่กำหนดเอง ให้ใช้ พารามิเตอร์ chxr แทน

หากต้องการตั้งค่าตำแหน่งเฉพาะตามแกนของป้ายกำกับ ให้ใช้พารามิเตอร์ chxp

ไวยากรณ์

ระบุชุดพารามิเตอร์ 1 รายการสำหรับแต่ละแกน ที่คุณต้องการติดป้ายกำกับ แยกป้ายกำกับหลายชุดโดยใช้อักขระไปป์ ( | )

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<แกน_index>
แกนที่ควรใช้ป้ายกำกับ นี่คือดัชนีในอาร์เรย์พารามิเตอร์ chxt เช่น หากคุณมี chxt=x,x,y,y ดัชนี 0 จะเป็นแกน x แรก ส่วน 1 จะเป็นแกน x ที่ 2
<label_1>| ... |<label_n>
ป้ายกำกับอย่างน้อย 1 รายการที่จะวางตามแกนนี้ ซึ่งอาจเป็นค่าสตริงหรือตัวเลขก็ได้ สตริงไม่จำเป็นต้องอยู่ในเครื่องหมายคำพูด label_1 จะแสดงที่ตำแหน่งต่ำสุดบนแกน และ label_n จะแสดงที่ตำแหน่งสูงสุด ป้ายกำกับเพิ่มเติมจะเว้นระยะห่างเท่าๆ กัน โปรดระบุการเว้นวรรคด้วยเครื่องหมาย + ทั้งนี้คุณจะระบุตัวแบ่งบรรทัดในป้ายกำกับไม่ได้ คั่นป้ายกำกับด้วยอักขระไปป์ หมายเหตุ: อย่าวางท่อไว้หลังป้ายกำกับสุดท้ายในพารามิเตอร์ chxl

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

แผนภูมินี้แสดงวิธีเพิ่มป้ายกำกับที่กำหนดเองลงใน 2 แกน โปรดสังเกตวิธีที่ค่ามีระยะห่างเท่าๆ กัน และค่า chxl สุดท้ายไม่ได้ลงท้ายด้วยเส้นตั้งอย่างไร

แผนภูมิเส้นที่มี 0 ถึง 100 ทางด้านซ้าย A, B และ C ทางด้านขวา ม.ค., ก.ค., ม.ค., ม.ค. และ ม.ค. บนแกน x และ 2005, 2006 และ 2007 อยู่ด้านล่าง
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

ตัวอย่างนี้มีป้ายกำกับแกนที่แกน Y ซ้ายและขวา (y และ r) รวมทั้งมีค่า 2 ชุดสำหรับแกน x (x) คุณอาจเพิ่มเครื่องหมายเครื่องหมายถูกบนแกน y โดยใช้ chxs

แผนภูมิเส้นที่มี 0 ถึง 100 ทางด้านซ้าย A, B และ C ทางด้านขวา ม.ค., ก.ค., ม.ค., ม.ค. และ ม.ค. บนแกน x และ 2005, 2006 และ 2007 อยู่ด้านล่าง
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

ตัวอย่างนี้มีป้ายกำกับแกนที่แกน Y ซ้ายและขวา (y และ r) รวมทั้งมีค่า 2 ชุดสำหรับแกน x (x) โปรดทราบว่าป้ายกำกับว่างเปล่าสำหรับชุดแกน x ที่ต่ำกว่าซึ่งใช้เพื่อเว้นระยะห่างของค่า

ตัวอย่างนี้ใช้ค่าเริ่มต้นสำหรับป้ายกำกับแกนบนแกน y ทางซ้าย

แผนภูมิแท่ง 0 ถึง 100 ทางด้านซ้าย A, B และ C ทางด้านขวา ม.ค., ก.ค., ม.ค., ก.ค. และ ม.ค. บนแกน x และ 2005, 2006 และ 2007 อยู่ต่ำกว่า
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

หากต้องการเพิ่มป้ายกํากับทั่วไปเพื่ออธิบายแกนทั้งแกน (เช่น ติดป้ายกำกับแกนหนึ่งว่า "ต้นทุน" และ "นักเรียนอีกคน") ให้ใช้พร็อพเพอร์ตี้ chxt เพื่อเพิ่มแกนอีก 1 แกนในแต่ละด้าน จากนั้นใช้ chxl เพื่อเพิ่มป้ายกำกับที่กำหนดเอง 1 ป้ายในแต่ละด้าน และใช้ chxp เพื่อเว้นระยะไว้ตรงกลางแกน


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

กลับไปด้านบน

ตำแหน่งป้ายกำกับแกน chxp

คุณระบุป้ายกำกับแกนที่จะแสดงได้ ไม่ว่าจะใช้ป้ายกำกับเริ่มต้นหรือป้ายกำกับที่กำหนดเองที่ระบุโดยใช้ chxl หากคุณไม่ระบุตำแหน่งที่แน่นอนโดยใช้พารามิเตอร์นี้ ป้ายกำกับจะเว้นระยะห่างเท่าๆ กันและใช้ค่าขั้นตอนเริ่มต้นตามแกน หากคุณไม่ระบุ chxl ป้ายกำกับเครื่องหมายถูกจะเป็นค่าเริ่มต้น (โดยปกติแล้วจะเป็นค่าข้อมูล หรือหมายเลขแท่งในแผนภูมิแท่ง)

ไวยากรณ์

แยกชุดการวางตำแหน่งหลายชุดโดยใช้อักขระไปป์ (|)

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<แกน_index>
แกนที่คุณระบุตำแหน่ง นี่คือดัชนีในอาร์เรย์พารามิเตอร์ chxt เช่น หากคุณมี chxt=x,x,y,y ดัชนี 0 จะเป็นแกน x แรก ส่วน 1 จะเป็นแกน x ที่ 2 เป็นต้น
<label_1_position>,...,<label_n_position>
ตำแหน่งของป้ายกำกับตามแกน นี่คือรายการค่าตัวเลขที่คั่นด้วยคอมมา โดยแต่ละค่าจะกำหนดตำแหน่งของป้ายกำกับที่เกี่ยวข้องในอาร์เรย์ chxl เช่น รายการแรกจะเป็นป้ายกำกับแรก และอื่นๆ ตำแหน่งคือค่าในช่วงสำหรับแกนนั้น โปรดทราบว่าค่านี้จะเป็น 0—100 เสมอ เว้นแต่ว่าคุณจะระบุช่วงที่กำหนดเองโดยใช้ chxr คุณต้องมีตำแหน่งได้มากเท่าที่มีป้ายกำกับสำหรับแกนนั้น

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่างนี้มีป้ายกำกับแกน r ที่ตำแหน่งที่ระบุในแผนภูมิ ระบุข้อความป้ายกำกับโดยใช้พารามิเตอร์ chxl

ป้ายกำกับที่มีตำแหน่ง 0 ที่ระบุจะวางอยู่ที่ด้านล่างของแกน y หรือ r หรือทางด้านซ้ายของแกน x หรือ t

ป้ายกำกับที่มีตำแหน่ง 100 ที่ระบุไว้จะอยู่ด้านบนของแกน y หรือ r หรือด้านขวาของแกน x หรือ t

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

ตัวอย่างนี้แสดงค่าป้ายกำกับเริ่มต้น แต่แสดงในตำแหน่งที่ระบุเท่านั้น

chxp=1,10,35,75 - แกน Y ควรแสดงป้ายกำกับเพียง 3 ป้าย ได้แก่ 10, 35 และ 75 ค่าแกนเหล่านี้ จะแสดงขึ้นเนื่องจากไม่ได้ระบุข้อความของป้ายกำกับที่กำหนดเอง ทำให้ทราบว่าคุณไม่ต้องเว้นระยะห่างระหว่างป้ายกำกับให้เท่าๆ กันเมื่อใช้ chxp หากไม่ได้ระบุ chxp ไว้ที่นี่ ระยะห่างของค่าป้ายกำกับเริ่มต้นบนแกน Y จะเป็นทุก 20 หน่วยตามที่แสดงในกราฟที่ 2

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

แผนภูมิเส้นที่มีตำแหน่งแกนเริ่มต้น
chxt=x,y
ไม่ได้ระบุ chxp

กลับไปด้านบน

รูปแบบป้ายกำกับแกน chxs

คุณระบุขนาดแบบอักษร สี และการจัดแนวสำหรับป้ายกำกับแกนได้ ทั้งป้ายกำกับที่กำหนดเองและค่าเริ่มต้นของป้ายกำกับ ป้ายกำกับทั้งหมดบนแกนเดียวกันมีรูปแบบเดียวกัน หากมีสำเนาหลายชุดของแกน 1 แกน คุณจะจัดรูปแบบแต่ละแกนแยกกันได้ คุณระบุรูปแบบของสตริงป้ายกำกับได้ด้วย เช่น เพื่อแสดงสัญลักษณ์สกุลเงินหรือเลข 0 ต่อท้าย

โดยค่าเริ่มต้น แกนด้านบนและด้านล่างจะไม่แสดงเครื่องหมายถูกตามค่า ส่วนแกนซ้ายและขวาจะแสดงตัวเลข

ไวยากรณ์

ควรคั่นค่าสำหรับแกนหลายแกนโดยใช้อักขระไปป์ (|)

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
แกนที่ใช้โอกาสนี้ ซึ่งเป็นดัชนีฐาน 0 ในพารามิเตอร์ chxt
<opt_format_string>
[ไม่บังคับ] สตริงนี้เป็นรูปแบบที่ไม่บังคับ ซึ่งหากใช้ จะต่อท้ายทันทีหลังหมายเลขดัชนีแกนโดยไม่ต้องใส่คอมมาแทรก ซึ่งขึ้นต้นด้วยตัวอักษร N ตามด้วยค่าต่อไปนี้ ซึ่งจะไม่บังคับ ไวยากรณ์ของสตริงการจัดรูปแบบมีดังนี้
       N<preceding_text>*<number_type><decimal_places>zs<x or y>*<following_text>
ความหมายของแต่ละองค์ประกอบมีดังนี้
  • <preceding_text> - ข้อความตามตัวอักษรที่อยู่ก่อนแต่ละค่า
  • *...* - บล็อกที่ไม่บังคับซึ่งหุ้มด้วยเครื่องหมายดอกจันตามตัวอักษร ซึ่งคุณสามารถระบุรายละเอียดการจัดรูปแบบสำหรับตัวเลขได้ ระบบจะรองรับค่าต่อไปนี้และไม่บังคับทั้งหมด
    • <number_type> - รูปแบบตัวเลขสำหรับค่าตัวเลข เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้
      • f - [ค่าเริ่มต้น] รูปแบบจุดลอยตัว ลองระบุความแม่นยำด้วยค่า <decimal_places>
      • p - รูปแบบเปอร์เซ็นต์ เครื่องหมาย % จะต่อท้ายโดยอัตโนมัติ หมายเหตุ: เมื่อใช้รูปแบบนี้ ค่าข้อมูลจาก 0.0 - 1.0 จะแมป 0 - 100% (เช่น 0.43 จะแสดงเป็น 43%)
      • e - รูปแบบสัญกรณ์วิทยาศาสตร์
      • c<CUR> - จัดรูปแบบตัวเลขในสกุลเงินที่ระบุด้วยเครื่องหมายสกุลเงินที่เหมาะสม แทนที่ <CUR> ด้วยรหัสสกุลเงิน 3 ตัวอักษร ตัวอย่าง: cEUR สำหรับเงินยูโร คุณดูรายการรหัสได้ในเว็บไซต์ ISO แม้ว่าระบบจะไม่รองรับสัญลักษณ์บางตัว
    • <decimal_places> - จำนวนเต็มที่ระบุจำนวนตำแหน่งทศนิยมที่จะแสดง ค่าจะปัดเศษ (ไม่ถูกตัด) ตามความยาวนี้ ค่าเริ่มต้นคือ 2
    • z - แสดงเลข 0 ต่อท้าย ค่าเริ่มต้นคือ no
    • s - แสดงตัวคั่นกลุ่ม ค่าเริ่มต้นคือ no
    • x หรือ y - แสดงข้อมูลจากพิกัด x หรือ y ตามที่ระบุไว้ ความหมายของข้อมูล x จะแตกต่างกันไปตามประเภทแผนภูมิ โดยให้ทดสอบแผนภูมิเพื่อหาความหมาย ค่าเริ่มต้นคือ "y"
  • <following_text> - ข้อความตามตัวอักษรที่ตามหลังค่าแต่ละค่า
<opt_label_color>
สีที่จะใช้กับข้อความแกน (ไม่ใช่เส้นแกน) ในรูปแบบเลขฐาน 16 RRGGBB ระบุสีเส้นแกนแยกกันโดยใช้ opt_axis_color ค่าเริ่มต้นคือสีเทา
<opt_font_size>
[ไม่บังคับ] ระบุขนาดแบบอักษรเป็นพิกเซล คุณจะใช้พารามิเตอร์นี้หรือไม่ก็ได้
<opt_alignment>
[ไม่บังคับ] การจัดแนวป้ายกำกับ สำหรับแกนด้านบนหรือด้านล่าง คำอธิบายนี้จะอธิบายว่าป้ายกำกับอยู่ในแนวเดียวกับเครื่องหมายถูกด้านบนหรือด้านล่างอย่างไร สำหรับแกนซ้ายหรือขวา คำอธิบายนี้จะอธิบายวิธีการปรับแนวภายในกรอบที่สัมผัสกับแกน ระบุหมายเลขใดหมายเลขหนึ่งต่อไปนี้
  • -1 - ด้านบนหรือด้านล่าง: ป้ายกำกับอยู่ทางขวาของจุดแสดงตำแหน่ง หรือซ้ายหรือขวา: ป้ายกำกับอยู่ทางซ้ายของจุดนั้นๆ ค่าเริ่มต้นสำหรับป้ายกำกับแกน r
  • 0 - ด้านบนหรือด้านล่าง: ป้ายกำกับอยู่กึ่งกลางของจุดติ๊ก ซ้ายหรือขวา: ป้ายกำกับอยู่กึ่งกลางในพื้นที่ ค่าเริ่มต้นสำหรับป้ายกำกับแกน x และ t
  • 1 - ด้านบนหรือด้านล่าง: ป้ายกำกับอยู่ทางซ้ายของจุดแสดงตำแหน่ง หรือซ้ายหรือขวา: ป้ายกำกับอยู่ทางขวาของพื้นที่ ค่าเริ่มต้นสำหรับป้ายกำกับแกน y
<opt_axis_or_tick>
[ไม่บังคับ ไม่รองรับใน Google-o-meter] ระบุว่าจะแสดงเครื่องหมายถูกและ/หรือเส้นแกนสำหรับแกนนี้ เครื่องหมายถูกและเส้นแกนใช้ได้กับแกนด้านในสุดเท่านั้น (เช่น ไม่รองรับแกน x ด้านนอกของแกน x 2 แกน) ใช้ค่าใดค่าหนึ่งต่อไปนี้
  • l (ตัวพิมพ์เล็ก "L") - วาดเส้นแกนเท่านั้น
  • t - วาดเครื่องหมายถูกเท่านั้น เครื่องหมายถูกคือเส้นเล็กๆ ข้างป้ายกำกับแกน
  • lt - [ค่าเริ่มต้น] วาดทั้งเส้นแกนและเครื่องหมายถูกสำหรับป้ายกำกับทั้งหมด
  • _ - (ขีดล่าง) วาดทั้งเส้นแกนหรือเครื่องหมายถูก หากต้องการซ่อนเส้นแกน ให้ใช้ค่านี้
<tick_color>
[ไม่บังคับ, ไม่รองรับใน Google-o-meter] สีของเครื่องหมายถูก ในรูปแบบเลขฐาน 16 RRGGBB ค่าเริ่มต้นคือสีเทา
<opt_axis_color>
[ไม่บังคับ] สีของเส้นแกนนี้ในรูปแบบเลขฐานสิบหก RRGGBB ค่าเริ่มต้นคือสีเทา

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

มีการระบุขนาดและสีแบบอักษรให้กับแกน x ที่ 2 (ม.ค., ก.พ., มี.ค.)

แผนภูมิเส้นแสดงค่าต่ำสุด ค่าเฉลี่ย และค่าสูงสุดอยู่ด้านซ้าย ค่า 0, 1, 2, 3 และ 4 ทางด้านขวา, 0-100 ตามแกน x และเดือนมกราคม ก.พ. และมี.ค. ในสีน้ำเงินด้านล่าง

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
     1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

มีการระบุขนาด สี และการจัดข้อความตัวอักษรสำหรับแกน Y ที่ถูกต้อง จะมีเครื่องหมายถูก แต่ไม่มีเส้นแกน

แผนภูมิเส้นที่มี 0 ถึง 100 ตามแกน x, ม.ค., ก.พ., มี.ค. ด้านล่าง, 0-4 ในแกน y และเครื่องหมายถูกสีแดงพร้อมข้อความสีน้ำเงินสำหรับค่าต่ำสุด ค่าเฉลี่ย และค่าสูงสุดทางด้านขวา

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
     2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

แผนภูมินี้มีชุดข้อมูล 3 ชุดและแสดงป้ายกำกับแกน 3 ชุดต่อชุด ป้ายกำกับแต่ละชุดจะจัดรูปแบบโดยใช้สตริงการจัดรูปแบบที่กำหนดเอง ตามที่อธิบายไว้ที่นี่

  • 0N*e,000000|
    • 0 หมายถึงชุดข้อมูลแรก
    • N หมายถึงสตริงการจัดรูปแบบ
    • * หมายถึงจุดเริ่มต้นของตัวระบุรูปแบบ
    • e หมายถึงสัญกรณ์วิทยาศาสตร์
    • * หมายถึงส่วนท้ายของตัวระบุรูปแบบ
    • 000000 หมายถึงข้อความสีดำ
  • 1N*cUSD*Mil,FF0000|
    • 1 หมายถึงชุดที่ 2
    • N หมายถึงสตริงการจัดรูปแบบ
    • * หมายถึงจุดเริ่มต้นของตัวระบุรูปแบบ
    • c หมายถึงเครื่องหมายสกุลเงิน
    • USD ระบุดอลลาร์สหรัฐเป็นเครื่องหมายสกุลเงินที่จะใช้
    • * หมายถึงส่วนท้ายของตัวระบุรูปแบบ
    • Mil เป็นสตริงตามตัวอักษรที่ตามมา
    • FF0000 หมายถึงข้อความสีแดง
  • 2N*sz2*,0000FF
    • 2 หมายถึงชุดที่ 3
    • N หมายถึงสตริงการจัดรูปแบบ
    • * หมายถึงจุดเริ่มต้นของตัวระบุรูปแบบ
    • s หมายถึงแสดงตัวระบุการจัดกลุ่ม (ในภาษาอังกฤษแบบสหรัฐอเมริกา นั่นคือแสดงเครื่องหมายคอมมาทุกๆ 0 ค่า)
    • z2 หมายถึงแสดงเลข 0 ต่อท้าย 2 ตัว
    • 0000FF หมายถึงข้อความสีน้ำเงิน

ช่วงป้ายกำกับของแกนจะตั้งค่าโดยใช้พารามิเตอร์ chxr (axis_index, axis_index, axis_index, axis_index) หากไม่ได้ตั้งค่า ค่าดังกล่าวจะเป็น 0-100 โดยค่าเริ่มต้น


chd=s:
  984sttvuvkQIBLKNCAIi,
  DEJPgq0uov17zwopQODS,
  AFLPTXaflptx159gsDrn
chxr=
  0,0,1000000,250000|
  1,0,60|
  2,0,5000
chxs=
  0N*e,000000|
  1N*cUSD*Mil,FF0000|
  2N*sz2*,0000FF

กลับไปด้านบน

รูปแบบเครื่องหมายถูกบนแกน chxtc

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

ควรคั่นค่าสำหรับแกนหลายแกนโดยใช้อักขระไปป์ (|) ค่าในชุดควรคั่นด้วยคอมมา

ไวยากรณ์

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
แกนที่ใช้โอกาสนี้ ซึ่งเป็นดัชนีฐาน 0 ในพารามิเตอร์ chxt แยกค่าสำหรับแกนต่างๆ โดยใช้ตัวคั่นแบบแท่ง
<tick_length_1>,...,<tick_length_n>
ความยาวของเครื่องหมายถูกบนแกนนั้นในหน่วยพิกเซล หากระบุค่าเดียว ระบบจะใช้ค่านั้นกับค่าทั้งหมด หากระบุมากกว่า 1 ค่า เครื่องหมายถูกบนแกนจะหมุนเวียนรายการค่าสำหรับแกนนั้นๆ ระบบจะวาดค่าบวกนอกพื้นที่แผนภูมิและครอบตัดตามเส้นขอบของแผนภูมิ ค่าบวกสูงสุดคือ 25 ระบบจะวาดค่าติดลบภายในพื้นที่แผนภูมิ และครอบตัดโดย เส้นขอบพื้นที่ของแผนภูมิ

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่างการใช้ chxtc เพื่อสร้างเครื่องหมายถูกสีแดงแบบยาว ความยาวของเครื่องหมายถูกนี้เกินความกว้างของพื้นที่แผนภูมิ แต่ครอบตัดเพื่อให้พอดีกับแผนภูมิ

  • chxt=x,y,r,x - แสดงแกนด้านซ้าย แกนด้านขวา และแกนล่าง 2 แกน
  • chxl=2:|min|average|max|3:|Jan|Feb|Mar - ข้อความป้ายกำกับที่กำหนดให้กับ "r" (ด้านขวา) และแกน x ด้านนอก
  • chxp=2,10,35,95 - ตำแหน่งของป้ายกำกับที่กำหนดเองตามแกน r (index=2) สำหรับป้ายกำกับ 3 ป้าย
  • chxs=2,0000dd,13,-1,t,FF0000 - รูปแบบป้ายกำกับแกนสำหรับแกน r: สีข้อความ ขนาดข้อความ จัดชิดซ้าย และมีเครื่องหมายถูกสีแดง
  • chxtc=1,10|2,-180 - ความยาวของแกนสำหรับแกน y และ r ค่าแรกระบุขีดยาว 10 พิกเซลนอกแกน ค่าที่ 2 ระบุเครื่องหมายถูกความยาว 180 พิกเซลภายในแกน ตัวเลขลบหมายถึงเครื่องหมายถูกภายในแกน และครอบตัดเครื่องหมายถูกให้พอดีกับแผนภูมิ

แผนภูมิเส้นที่มี 0 ถึง 100 ตามแกน x, ม.ค., ก.พ., มี.ค. ด้านล่าง, 0-4 ในแกน y และเครื่องหมายถูกสีแดงยาวที่มีข้อความสีฟ้าซึ่งแสดงค่าต่ำสุด ค่าเฉลี่ย และค่าสูงสุดทางด้านขวา

chxt=x,y,r,x
chxl=
  2:|min|average|max|
  3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
  2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

แผนภูมินี้แสดงความยาวของเครื่องหมายถูกแบบสลับกัน chxtc ระบุค่าความยาวขีด 2 ค่าสำหรับแกน Y (5 และ 15) และเครื่องหมายถูกที่วาดบนแผนภูมิจะสลับระหว่าง 2 ค่า
chxt=x,y
chxtc=
  1,5,15

กลับไปด้านบน

พื้นหลังเติม chf [แผนภูมิทั้งหมด]

คุณระบุสีเติมและรูปแบบสำหรับพื้นที่ข้อมูลของแผนภูมิและ/หรือพื้นหลังของแผนภูมิทั้งหมดได้ ประเภทการเติม ได้แก่ การเติมสีทึบ สีเติมแบบลาย และการไล่ระดับสี คุณระบุการเติมสีที่แตกต่างกันสำหรับพื้นที่ต่างๆ ได้ (เช่น พื้นที่ทั้งหมดของแผนภูมิ หรือเฉพาะพื้นที่ข้อมูล) การเติมพื้นที่แผนภูมิจะเขียนทับการเติมพื้นหลัง ระบุการเติมสีทั้งหมดโดยใช้พารามิเตอร์ chf และคุณผสมประเภทการเติมต่างๆ (สีทึบ แถบ การไล่ระดับสี) ในแผนภูมิเดียวกันได้โดยการแยกค่าด้วยอักขระไปป์ ( | ) พื้นที่แผนภูมิจะแสดงการแทนที่การเติมพื้นหลังของแผนภูมิ

สีทึบเป็น chf [แผนภูมิทั้งหมด]

คุณจะระบุการเติมสีทึบสำหรับพื้นหลังและ/หรือพื้นที่แผนภูมิ หรือกำหนดค่าความโปร่งใสให้กับทั้งแผนภูมิก็ได้ คุณระบุการเติมสีหลายรายการได้โดยใช้อักขระไปป์ (|) (Maps: พื้นหลังเท่านั้น)

ไวยากรณ์

chf=<fill_type>,s,<color>|...
<fill_type>
ส่วนของแผนภูมิที่แสดง ระบุค่าใดค่าหนึ่งต่อไปนี้
  • bg - สีพื้นหลัง
  • c - เติมพื้นที่แผนภูมิ ไม่รองรับแผนภูมิแผนที่
  • a - ทำให้ทั้งแผนภูมิ (รวมถึงพื้นหลัง) โปร่งใส ระบบจะไม่สนใจตัวเลข 6 หลักแรกของ <color> และจะใช้เพียง 2 หลักสุดท้าย (ค่าความโปร่งใส) กับทั้งแผนภูมิและข้อมูลทั้งหมด
  • b<index> - เติมพื้นแบบแท่ง (แผนภูมิแท่งเท่านั้น) แทนที่ <index> ด้วยดัชนีชุดของแท่งเพื่อเติมสีทึบ ผลลัพธ์จะคล้ายกับการระบุ chco ในแผนภูมิแท่ง ดูตัวอย่างสีของชุดแผนภูมิแบบแท่ง
วินาที
ระบุการเติมสีทึบหรือโปร่งใส
<color>
สีเติมในรูปแบบฐานสิบหก RRGGBB สำหรับความโปร่งแสง ระบบจะไม่สนใจตัวเลข 6 หลักแรก แต่ต้องใส่ไว้ด้วย

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

ตัวอย่างนี้เติมพื้นหลังของแผนภูมิด้วยสีเทาอ่อน (EFEFEF)

แผนภูมิเส้นสีแดงเติมพื้นที่สีดำ

chf=bg,s,EFEFEF

ตัวอย่างนี้เติมพื้นหลังของแผนภูมิด้วยสีเทาอ่อน (EFEFEF) และเติมพื้นที่แผนภูมิด้วยสีดำ (000000)

แผนภูมิเส้นสีแดงมีพื้นที่แผนภูมิสีดำและพื้นหลังสีเทาอ่อน

chf=c,s,000000|
bg,s,EFEFEF

ตัวอย่างนี้ใช้ความโปร่งใส 50% กับทั้งแผนภูมิ (80 ในเลขฐานสิบหกเท่ากับ 128 หรือความโปร่งใสประมาณ 50%) สังเกตว่าพื้นหลังของเซลล์ในตารางแสดงผ่านแผนภูมิ

แผนภูมิกระจายที่มีจุดสีน้ำเงินและความโปร่งใส 50%

chf=a,s,00000080

กลับไปด้านบน

การไล่ระดับสีจะเติม chf [Line, Bar, Google-o-meter, Radar, Scatter,Venn]

คุณจะใช้การไล่ระดับสีอย่างน้อย 1 รายการกับพื้นที่หรือพื้นหลังในแผนภูมิได้ การเติมการไล่ระดับสีจะจางลงจากสีหนึ่งเป็นสีอื่น (แผนภูมิวงกลม, แผนภูมิ Google ขนาดโอเมตร: พื้นหลังเท่านั้น)

การเติมการไล่ระดับสีแต่ละรายการจะระบุมุม และสีอย่างน้อย 2 สีจะยึดอยู่กับตำแหน่งที่ระบุ สีจะแปรเปลี่ยนไปเมื่อเปลี่ยนจาก Anchor ไปยังที่อื่น คุณต้องมีสีอย่างน้อย 2 สีที่มีค่า <color_centerpoint> แตกต่างกันเพื่อให้สีหนึ่งจางลงไปอีกได้ การไล่ระดับสีเพิ่มเติมแต่ละรายการจะระบุด้วยคู่ <color>,<color_centerpoint>

ไวยากรณ์

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
พื้นที่แผนภูมิที่จะเติม ค่าใดค่าหนึ่งต่อไปนี้
  • bg - สีพื้นหลัง
  • c - เติมพื้นที่แผนภูมิ
  • b<index> - การเติมสีแท่ง (แผนภูมิแท่งเท่านั้น) แทนที่ <index> ด้วยดัชนีชุดของแท่งเพื่อเติมการไล่ระดับสี ดูตัวอย่างสีของชุดแผนภูมิแบบแท่ง
lg
ระบุการเติมการไล่ระดับสี
<angle>
ตัวเลขที่ระบุมุมของการไล่ระดับสีจาก 0 (แนวนอน) ถึง 90 (แนวตั้ง)
<color>
สีของการเติมในรูปแบบฐานสิบหก RRGGBB
<color_centerpoint>
ระบุจุดยึดของสี สีจะเริ่มจางลงจากจุดนี้เมื่อเข้าใกล้จุดยึดอื่น ค่าอยู่ในช่วงตั้งแต่ 0.0 (ขอบล่างหรือซ้าย) ถึง 1.0 (ขอบบนหรือขอบขวา) เอียงในมุมที่ระบุด้วย <angle>

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

พื้นที่ของแผนภูมิมีการไล่ระดับสีแบบเส้นตรงแนวนอน ซึ่งระบุด้วยมุม 0 องศา (0)

สีคือพีช (FFE7C6) อยู่กึ่งกลางทางด้านซ้าย (ตำแหน่ง 0.0) และสีน้ำเงิน (76A4FB) อยู่กึ่งกลางทางด้านขวา (ตำแหน่ง 1.0)

พื้นหลังของแผนภูมิจะวาดเป็นสีเทา (EFEFEF)

แผนภูมิเส้นสีเทาเข้มพร้อมพื้นหลังสีเทาอ่อน และพื้นที่แผนภูมิไล่ระดับสีแบบเส้นตรงสีขาว-น้ำเงินจากซ้ายไปขวา

chf=
  c,lg,0,
  FFE7C6,0,
(พีช)
  76A4FB,1
(สีน้ำเงิน)

พื้นที่ของแผนภูมิมีการไล่ระดับสีแบบเส้นทแยงมุม (ด้านล่างซ้ายไปขวา) ซึ่งระบุด้วยมุม 45 องศา (45)

พีช (FFE7C6) เป็นสีแรกที่ระบุ ด้านซ้ายล่างของแผนภูมิเป็นพีชบริสุทธิ์

น้ำเงิน (6A4FB) เป็นสีที่ 2 ที่ระบุ ที่ด้านขวาบนของแผนภูมิเป็นสีฟ้า โปรดสังเกตวิธีระบุออฟเซ็ตเป็น 0.75 เพื่อให้จุดสีน้ำเงินที่จางหายไปที่มุมขวาบน

พื้นหลังของแผนภูมิจะวาดเป็นสีเทา (EFEFEF)

แผนภูมิเส้นสีเทาเข้มพร้อมพื้นหลังสีเทาอ่อน และพื้นที่แผนภูมิในการไล่ระดับสีแบบเส้นทแยงมุมสีขาวถึงน้ำเงินจากด้านล่างซ้ายไปขวาบน

chf=
  c,lg,45,
  FFE7C6,0,
(พีช)
  76A4FB,0.75
(สีน้ำเงิน)

พื้นที่แผนภูมิมีการไล่ระดับสีแบบเส้นตรงในแนวตั้ง (บนลงล่าง) ซึ่งระบุด้วยมุม 90 องศา (90)

น้ำเงิน (76A4FB) เป็นสีแรกที่ระบุ ด้านบนของแผนภูมิเป็นสีฟ้า

พีช (FFE7C6) เป็นสีที่ 2 ที่ระบุ ด้านล่างของแผนภูมิคือพีชบริสุทธิ์

พื้นหลังของแผนภูมิจะวาดเป็นสีเทา (EFEFEF)

แผนภูมิเส้นสีเทาเข้มพร้อมพื้นหลังสีเทาอ่อน และพื้นที่แผนภูมิในการไล่ระดับสีแบบเส้นตรงแนวตั้งสีขาวถึงน้ำเงินจากล่างขึ้นบน

chf=
  c,lg,90,
  FFE7C6,0,
(พีช)
  76A4FB,0.5
(สีน้ำเงิน)

กลับไปด้านบน

 

ลายทาง chf [Line, Bar, Google-o-meter, Radar, Scatter, Venn]

คุณจะระบุสีพื้นหลังแบบลายเส้นสำหรับพื้นที่แผนภูมิหรือทั้งแผนภูมิก็ได้ (แผนภูมิวงกลมของ Google - แผนภูมิโอเมตร: พื้นหลังเท่านั้น)

ไวยากรณ์

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
พื้นที่แผนภูมิที่จะเติม ค่าใดค่าหนึ่งต่อไปนี้
  • bg - สีพื้นหลัง
  • c - เติมพื้นที่แผนภูมิ
  • b<index> - เติมเป็นแถบสี (แผนภูมิแท่งเท่านั้น) แทนที่ <index> ด้วยดัชนีชุดของแท่งที่มีแถบสีเต็ม ดูตัวอย่างในแผนภูมิแท่งของชุดสี
ls
ระบุการเติมสีแนวเส้นตรง
<angle>
มุมของแถบทั้งหมดซึ่งสัมพันธ์กับแกน Y ใช้ 0 สำหรับแถบแนวตั้ง หรือ 90 สำหรับแถบแนวนอน
<color>
สีของแถบนี้ในรูปแบบฐานสิบหก RRGGBB ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบเพิ่มเติม คุณต้องมีแถบอย่างน้อย 2 แถบ และจะมีลายเส้นต่างๆ สลับไปจนกว่าแผนภูมิจะแสดงเต็ม
<width>
ความกว้างของแถบนี้ตั้งแต่ 0 ถึง 1 โดยที่ 1 คือความกว้างเต็มของแผนภูมิ แถบต่างๆ จะแสดงซ้ำจนกว่าแผนภูมิจะเต็ม ทำซ้ำ <color> และ <width> สำหรับแต่ละแถบเพิ่มเติม คุณต้องมีแถบอย่างน้อย 2 แถบ และจะมีลายเส้นต่างๆ สลับไปจนกว่าแผนภูมิจะแสดงเต็ม

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง
  • bg,ls,0 - แถบพื้นหลังเติมแถบในมุม 0 องศากับแกน Y (ขนานกับแกน Y) โดยจะมีแถบสีเต็มพื้นหลังของแผนภูมิและพื้นที่พล็อต
  • CCCCCC,0.15 - แถบแรกเป็นสีเทาเข้ม กว้างเท่ากับแผนภูมิ 15%
  • FFFFFF,0.1 - แถบที่ 2 เป็นสีขาว ซึ่งกว้างเท่ากับแผนภูมิ 10%
แผนภูมิเส้นสีน้ำเงินพร้อมแถบสีเทาและขาวสลับกันจากซ้ายไปขวา
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - พื้นที่แผนภูมิที่มีแถบแนวนอนในมุม 90 องศาจากแกน Y แถบนี้จะเต็มพื้นที่พล็อต แต่ระบบจะไม่แสดงพื้นหลังของแผนภูมิ
  • 999999,0.25 - แถบแรกเป็นสีเทาเข้ม ซึ่งกว้าง 25% ตามแผนภูมิ
  • CCCCCC,0.25 - เหมือนกับแถบแรก แต่สีเทาอ่อน
  • FFFFFF,0.25 - เหมือนกับแถบแรก แต่เป็นสีขาว
แผนภูมิเส้นสีน้ำเงินที่มีแถบสีเทาเข้ม สีเทาอ่อน ขาว และเทาเข้มจากล่างขึ้นบน
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

กลับไปด้านบน

ฟังก์ชันข้อมูล chfd [แผนภูมิ chd ทั้งหมด]

คุณระบุฟังก์ชันที่กำหนดเองเพื่อเรียกใช้กับข้อมูลแผนภูมิได้โดยใช้ไวยากรณ์ฟังก์ชัน muParser ข้อมูลที่ใช้ในฟังก์ชันอาจมาจากแหล่งที่มา 1 ใน 2 แหล่งต่อไปนี้

  • ชุดข้อมูลจาก chd - ข้อมูลดึงมาจากชุดที่ระบุไว้ใน chd
  • ช่วงของค่าที่ประกาศไว้ในพารามิเตอร์ chfd - คุณประกาศจุดเริ่มต้น การหยุด และค่าขั้นตอนสำหรับช่วงข้อมูลที่กําหนดเอง

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

หากต้องการกำหนดสีหรือตัวทำเครื่องหมาย chm ให้กับเส้นฟังก์ชัน ให้กำหนดสีหรือเครื่องหมายให้กับดัชนีชุดของฟังก์ชัน โปรดทราบว่าเครื่องหมายจะวางอยู่ตามข้อมูลหลังจากมีการดัดแปลงโดยฟังก์ชัน

ไวยากรณ์

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
<output_series_index>
ดัชนีแบบศูนย์ของชุดข้อมูลใน chd ซึ่งจะเขียนเอาต์พุตของฟังก์ชัน ระบบจะเขียนทับข้อมูลที่มีอยู่โดยสมบูรณ์ด้วยเอาต์พุตของฟังก์ชัน หากไม่ได้ใช้ชุดเป็นอินพุตสำหรับฟังก์ชัน แนวทางปฏิบัติแนะนำคือการกำหนดค่าจำลองให้กับชุดดังกล่าว
<function_data>
ตัวแปรและข้อมูลที่จะพล็อต ข้อมูลอาจมาจากช่วงที่คุณกำหนด หรือจากชุดข้อมูล chd ชุดใดชุดหนึ่ง คุณระบุตัวแปรหลายรายการสำหรับแต่ละฟังก์ชันได้โดยใช้ตัวคั่น ; (เซมิโคลอน) สำหรับตัวแปรหลายรายการ โปรดทราบว่าหากคุณกำหนดตัวแปรหลายรายการสำหรับฟังก์ชันเดียว และตัวแปรเหล่านี้มีจำนวนจุดต่างกัน ฟังก์ชันนั้นจะหยุดทำงานเมื่อไปถึงปลายทางแรก เช่น หากฟังก์ชันกำหนดทั้ง x=1—5 ขั้นตอนที่ 1 และ y=1—10 ขั้นตอนที่ 1 ฟังก์ชันนั้นจะสิ้นสุดเมื่อไปถึงจุดที่ 5
    <variable_name>,<input_series_index>
        
หรือ
    <variable_name>,<start>,<end>,<step>
  • variable_name - ชื่อสตริงที่กําหนดเองของตัวแปร ใช้ค่านี้ในฟังก์ชันที่กำหนดโดย function_string
  • input_series_index - ดัชนีของชุดข้อมูล chd เพื่อใช้เป็นข้อมูลอินพุต
  • start - ค่าเริ่มต้นที่เป็นตัวเลขของช่วง
  • end - ค่าสิ้นสุดที่เป็นตัวเลขของช่วง
  • step - ค่าขั้นตอนที่เป็นตัวเลขจาก start ถึง end อาจเป็นค่าบวกหรือลบก็ได้ แต่ต้องไม่เป็น 0
ตัวอย่าง: x,0,100,1 ประกาศตัวแปรที่ชื่อ x ที่มีค่า 0, 1, 2, ... 100 x,0,100,1;r,0,3.1,.1 ประกาศตัวแปร x เดียวกันบวกตัวแปรชื่อ r ที่มีค่า 0, 0.1, 0.2, ..., 3.0, 3.1 x,0 ประกาศตัวแปรชื่อ x ที่ใช้ข้อมูลจาก chd อนุกรมแรก function_string จะใช้ตัวแปรเหล่านี้ โดยจะไม่มีการพล็อตบนกราฟ เว้นแต่คุณจะระบุใน function_string ยิ่งขั้นตอนน้อย กราฟก็ยิ่งลื่นไหลมากขึ้น
<function_string>
ฟังก์ชันของคุณ ซึ่งเขียนในไวยากรณ์ muParser ฟังก์ชันนี้จะใช้กับตัวแปรและข้อมูลที่ระบุใน variable_data คุณจะอ้างอิงได้เฉพาะตัวแปรที่ประกาศในชุดฟังก์ชันภายในนี้เท่านั้น โดยจะอ้างอิงในชุดพารามิเตอร์ chfd ชุดอื่นไม่ได้ ไม่รองรับฟังก์ชันฟังก์ชันสรุปรวม (ค่าต่ำสุด ผลรวมสูงสุด ค่าเฉลี่ย) สำคัญ: อย่าลืมใช้ %2B แทน + ในฟังก์ชัน

 

ตัวอย่าง

คำอธิบาย ตัวอย่าง

คลื่นไซน์ง่ายๆ ข้อควรทราบบางประการมีดังนี้

  • chd=t:-1 - เราใช้ตัวแปรจำลองสำหรับข้อมูลแผนภูมิ เนื่องจากมีการประกาศข้อมูลในพารามิเตอร์ chfd
  • chco=FF0000 - ระบุสีแดงสำหรับชุดแรก แม้ว่าเราจะไม่ได้ใช้ข้อมูลจาก chd แต่ระบบจะใช้สีที่สอดคล้องกันของชุดข้อมูลดังกล่าวสำหรับฟังก์ชันพล็อตนั้น
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 - เราประกาศตัวแปร 1 ตัวที่เรียกว่า x โดยมีค่า 0—11 เพิ่มขึ้นทีละ 0.1 มีการกำหนดให้กับชุดแรก ซึ่งหมายความว่าจะได้รับสีของชุดแรก (FF0000) ฟังก์ชันที่ใช้กับ x คือ sin(x) * 50 + 50 อย่าลืมสังเกตวิธีที่เราต้องเข้ารหัส + ในฟังก์ชันนั้น

 

คลื่นไซน์ระบุโดย chfd
cht=lc
chd=t:-1
chco=FF0000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
บรรทัดนี้ใช้ข้อมูลจากพารามิเตอร์ chd
chd=t:5,10
chfd=0,x,0,x*4

ทั้งบรรทัดที่มีฟังก์ชันและบรรทัดที่ไม่ใช่ฟังก์ชัน

สังเกตวิธีที่พารามิเตอร์สีของชุด chco ระบุสี

โปรดสังเกตตำแหน่งของตัวทำเครื่องหมายบนเอาต์พุตฟังก์ชัน จุดข้อมูลคำนวณจาก start, end และ step ดังนั้นหากช่วงของคุณคือ 0-11 ขั้นตอน 0.1 จุด 0 คือ 0 จุด 1 คือ 0.1 และต่อไปเรื่อยๆ จนถึงจุด 110 ซึ่งมีค่าเป็น 11

หนึ่งชุดที่ใช้ chfd และอีกชุดหนึ่งใช้ chd สำหรับข้อมูล
chd=t:
  -1
  15,45
chco=
  FF0000,000000
chfd=
  0,x,0,11,0.1,sin(x)*50%2B50
chm=
  c,00A5C6,0,110,10
  a,00A5C6,0,60,10

หากต้องการกำหนดฟังก์ชันใน 2 มิติ ให้ใช้แผนภูมิ lxy กำหนดชุดแบบจำลอง 2 ชุด และกำหนดฟังก์ชันให้กับแต่ละชุด

  • 0,x,0,10,0.1,sin(x)*50%2B50 - ซีรีส์ 0 (ค่าแกน x) มีตัวแปรชื่อ x โดยมีค่าตั้งแต่ 0—10 ขั้นตอน 0.1 และฟังก์ชัน sin(x)*50 + 50
  • 0,y,0,10,0.1,sin(y)*50%2B50 - ซีรีส์ 0 (ค่าแกน y) มีตัวแปรชื่อ y โดยมีค่าตั้งแต่ 0—10 ขั้นตอน 0.1 และฟังก์ชัน sin(x)*50 + 50
วงกลม
cht=lxy
chd=t:-1|-1
chfd=
  0,x,0,10,0.1,sin(x)*50%2B50|
  1,y,0,10,0.1,cos(y)*50%2B50

พารามิเตอร์ chfd ช่วยให้คุณแสดงความสร้างสรรค์ได้จริง

ลองคลิกที่รูปภาพเหล่านี้เพื่อเปิดและเล่นกับภาพในสนามเด็กเล่นในแผนภูมิ แล้วคุณจะติดใจแน่นอน



กลับไปด้านบน