แผนภูมิแผนที่ (เวอร์ชันที่เลิกใช้งานแล้ว)

 

การแจ้งเตือนการแทนที่: แผนภูมิแผนที่นี้ถูกแทนที่ ด้วยเวอร์ชันใหม่

หน้านี้จะอธิบายวิธีสร้างแผนที่สีโดยใช้ Charts API

สารบัญ

ภาพรวม

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

แผนภูมิแผนที่รองรับพารามิเตอร์ต่อไปนี้

พารามิเตอร์ ต้องระบุหรือไม่บังคับ คำอธิบาย
cht=t ต้องระบุ ระบุแผนภูมิแผนที่
chs ต้องระบุ ขนาดแผนที่ ขนาดสูงสุดของแผนที่คือ 440x220
chtm=<zoom_area> ต้องระบุ

พื้นที่ทางภูมิศาสตร์ที่แสดงในแผนภูมิ

  • zoom_area - ค่าใดค่าหนึ่งต่อไปนี้
    • africa
    • asia
    • europe
    • middle_east
    • south_america
    • usa
    • world
chld=<country_or_state_codes> ต้องระบุ

รายชื่อประเทศหรือรัฐที่คุณใช้ค่า

เช่น chld=DZEGMG

chd=<country_values> ต้องระบุ

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

  • country_values - ลิสต์ในสตริงรูปแบบที่เหมาะสม เช่น t:10,20,30, s:aU2Ff และ e:BaPoqM-A
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> ไม่บังคับ

ช่วงสีที่ตรงกับค่าข้อมูลต่ำและสูงสำหรับช่วงรูปแบบข้อมูล ระบบจะแปลงค่าข้อมูลเป็นค่าสีตามการไล่ระดับสีนี้และใช้กับประเทศที่เกี่ยวข้อง

chtt, chts ไม่บังคับ ชื่อและรูปแบบของแผนภูมิ
chma ไม่บังคับ ระยะขอบของแผนภูมิ
chf=bg ไม่บังคับ การเติมสีแบบทึบ (พื้นหลังเท่านั้น)

 

ตัวอย่าง

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

ในตัวอย่างนี้

  • พื้นที่ซูมแผนภูมิคือแอฟริกา (chtm=africa)
  • ประเทศ 3 ประเทศจะได้รับการกำหนดมูลค่า ได้แก่ มาดากัสการ์ แอลจีเรีย และอียิปต์ (chld=DZEGMG)
  • ค่า 3 ค่าที่กำหนดให้กับประเทศเหล่านี้คือ 0, 100 และ 50 ตามลำดับ (chd=t:0,100,50) ซึ่งเป็นค่าต่ำสุด สูงสุด และค่ากลางสำหรับข้อมูลรูปแบบข้อความ
  • ช่วงสีจะเป็นสีแดงสำหรับ 0, สีเขียวสำหรับ 100 และสีขาวสำหรับประเทศที่ไม่ได้กำหนด (chco=FFFFFF,FF0000,00FF00)
  • แผนภูมินี้ยังมีพื้นหลังสีฟ้าอ่อน (chf=bg,s,EAF7FE) อีกด้วย

แผนที่แอฟริกา
cht=t
chtm=africa
chld=DZEGMG
chd=t:0,100,50
chco=FFFFFF,FF0000,00FF00
chf=bg,s,EAF7FE

แผนภูมินี้คล้ายกับแผนภูมิก่อนหน้า แต่มีรายละเอียดมากขึ้น

แผนที่แอฟริกา
chtm=africa
chld=DZEGMGAOBWNGCFKECGCVSNDJTZGHMZZM
chco=FFFFFF,FF0000,FFFF00,00FF00
chd=t:0,100,50,32,60,40,43,12,14,54,98,17,70,76,18,29
chf=bg,s,EAF7FE

แผนภูมินี้ระบุว่าไม่มีการไฮไลต์ประเทศใดๆ โดยการระบุค่าเดียวที่ไม่ได้กำหนดไว้ (chd=t:-1)

แผนที่โลก
chs=440x220
chd=t:-1
cht=t
chtm=world

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

รหัสรัฐของสหรัฐอเมริกา

ต่อไปนี้คือรหัสรัฐที่รองรับเมื่อซูมแผนที่ในสหรัฐอเมริกา (chld=usa)

AL แอละแบมา ลอสแอนเจลิส ลุยเซียนา โอไฮโอ โอไฮโอ
AK อะแลสกา ฉัน เมน ตกลง โอคลาโฮมา
กฮ แอริโซนา MD แมริแลนด์ หรือ ออริกอน
AR อาร์คันซอ MA แมสซาชูเซตส์ PA เพนซิลเวเนีย
CA แคลิฟอร์เนีย MI มิชิแกน โรดไอแลนด์ โรดไอแลนด์
CO โคโลราโด มินนิโซตา มินนิโซตา SC เซาท์แคโรไลนา
CT คอนเนทิคัต MS มิสซิสซิปปี SD เซาท์ดาโคตา
DE เดลาแวร์ มิ.ย. มิสซูรี TN เทนเนสซี
FL ฟลอริดา MT มอนแทนา TX เท็กซัส
GA จอร์เจีย NE เนแบรสกา ยูทาห์ ยูทาห์
HI ฮาวาย NV เนวาดา เวอร์จิเนีย เวอร์มอนต์
ID ไอดาโฮ NH นิวแฮมป์เชอร์ VA เวอร์จิเนีย
IL อิลลินอย NJ นิวเจอร์ซีย์ WA วอชิงตัน
IN อินดีแอนา NM นิวเม็กซิโก WV เวสต์เวอร์จิเนีย
ไอโอวา ไอโอวา NY นิวยอร์ก WI วิสคอนซิน
แคนซัส แคนซัส NC นอร์ทแคโรไลนา ไวโอมิง ไวโอมิง
KY เคนทักกี นอร์ทดาโคตา นอร์ทดาโคตา

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

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

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

ชื่อแผนภูมิ 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

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

อัตรากำไรของแผนภูมิ 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

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

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

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

Solid Fill chf [แผนภูมิทั้งหมด]

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

ไวยากรณ์

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

 

ตัวอย่าง

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

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

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

chf=bg,s,EFEFEF

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

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

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

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

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

chf=a,s,00000080

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

รูปแบบสี

ระบุสีโดยใช้สตริงอักขระ 6 ตัวที่มีค่าฐานสิบหกและค่าความโปร่งใส (ไม่บังคับ) 2 ค่าในรูปแบบ RRGGBB[AA] เช่น

  • FF0000 = แดง
  • 00FF00 = เขียว
  • 0000FF = น้ำเงิน
  • 000000 = ดำ
  • FFFFFF = ขาว

AA เป็นค่าความโปร่งใสที่ไม่บังคับ โดยที่ 00 คือโปร่งใสโดยสมบูรณ์และ FF เป็นแบบทึบโดยสมบูรณ์ เช่น

  • 0000FFFF = น้ำเงินทึบ
  • 0000FF66 = สีฟ้าใส

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