ไอคอนแบบไดนามิก

   

หน้าข้อมูลอ้างอิงไอคอนแบบไดนามิกของอินโฟกราฟิกอธิบายประเภทเครื่องหมายแบบไดนามิกทั้งหมดที่มี

หน้านี้อธิบายวิธีสร้างไฮไลต์ ลูกโป่ง หมุด และกราฟิกอื่นๆ แบบต่างๆ ที่ขอตาม URL หรือเพิ่มเป็นเครื่องหมายเหนือแผนภูมิอื่นๆ ได้

สารบัญ

1. บทนำ
   1. ไอคอนแบบตั้งอิสระ
   2. ตัวทำเครื่องหมายแบบไดนามิก
2. ฟีเจอร์ทั่วไปของไอคอน
   1. สตริงข้อความ
   2. เงา
3. ไอคอนตามบริบท

บทนำ

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

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

ไอคอนอิสระ

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

พารามิเตอร์	ต้องระบุหรือไม่บังคับ	คำอธิบาย
chst=<icon_string_constant>	ต้องระบุ	อธิบายประเภทของไอคอนที่จะสร้าง icon_string_constant - ค่าคงที่ของสตริงที่อธิบายประเภทของไอคอนที่จะสร้าง โปรดดูการเลือกไอคอนด้านล่างเพื่อเลือกไอคอน
chld=<icon_data>	ต้องระบุ	ข้อมูลเฉพาะที่ใช้เพื่ออธิบายขนาด การหมุน ข้อความ และข้อมูลอื่นๆ ที่จำเป็นของไอคอน icon_data - ชุดค่าที่คั่นด้วยอักขระไปป์ที่เหมาะสมกับไอคอน เอกสารในหน้านี้จะอธิบายว่าไอคอนแต่ละประเภทต้องระบุค่าใด
cht	ไม่ได้ใช้	แผนภูมิไอคอนแบบไดนามิกแบบแบบลอยจะไม่ใช้พารามิเตอร์ cht
chs	ไม่ได้ใช้	แผนภูมิไอคอนแบบไดนามิกแบบแบบลอยจะไม่ใช้พารามิเตอร์ chs
chd	ไม่ได้ใช้	ใช้พารามิเตอร์ chld เพื่อส่งต่อข้อมูลไปยังไอคอนแบบไดนามิกแบบตั้งพื้น

ตัวอย่าง

https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

ตัวทำเครื่องหมายแบบไดนามิก

คุณฝังไอคอนแบบไดนามิกเป็นประเภทเครื่องหมายในแผนภูมิประเภทต่างๆ ได้โดยใช้พารามิเตอร์ chem โปรดดูเอกสารประกอบเกี่ยวกับ chem เพื่อดูวิธีการ

ตัวอย่าง

https://chart.googleapis.com/chart?
  chs=300x140
  cht=lc&chco=FF9900,224499
  chd=t:75,74,66,30,10,5,3,1
  chls=1|1
  chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0
  chm=v,ccccFF,0,::.2,2

ฟีเจอร์ไอคอนทั่วไป

ไอคอนส่วนใหญ่อาจมีสตริงข้อความหรือเงาเชื่อมโยงอยู่ได้

สตริงข้อความ

ข้อความที่แสดงทั้งหมดที่ส่งไปยัง Chart API จะต้องเข้ารหัสแบบ UTF-8 แล้วตามด้วยการเข้ารหัส URL โดยจะมีผลเฉพาะกับอักขระที่ไม่อนุญาตให้ใช้ URL เท่านั้น (อักขระที่ปลอดภัยสำหรับ URL ส่วนใหญ่เป็นตัวอักษรภาษาอังกฤษ a-z เป็นทั้งตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก รวมถึงเครื่องหมายวรรคตอนอีกชุดหนึ่ง) ตัวอย่างเช่น ค่า UTF-8 และค่าที่เข้ารหัส URL สำหรับตัวอักษร "è" คือ "%C3%A8" และสำหรับตัวอักษรจีน 駅 คือ "%E9%A7%85" เบราว์เซอร์ส่วนใหญ่จะให้คุณใช้ค่าที่ไม่เข้ารหัสในสตริง URL (เช่น 駅) และจะเข้ารหัสค่านี้ให้คุณในเบื้องหลัง อย่างไรก็ตาม บุคคลอื่นที่ดู URL แผนภูมิของคุณอาจใช้เบราว์เซอร์ที่ไม่ดำเนินการดังกล่าว วิธีที่ดีที่สุดคือการใช้ UTF-8 และเข้ารหัส URL ทุกอักขระที่ไม่ใช่ ASCII ในสตริงข้อความ โปรดทราบว่านี่เป็นเพียงข้อความที่แสดงในลูกโป่งหรือหมุดเท่านั้น ไม่ใช่สำหรับ &, | หรืออักขระอื่นๆ ที่เป็นส่วนหนึ่งของไวยากรณ์ URL

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

เงา

คุณสามารถเพิ่มเงาให้กับไอคอนจำนวนมาก หรือแม้กระทั่งวาดเงาสำหรับบางไอคอนโดยไม่ต้องมีตัวไอคอนนั้น

ไอคอนที่ถูกซ้อน

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

ต่อไปนี้คือตัวอย่างลูกโป่งข้อความขนาดกลางและหมุดที่มีและไม่มีเงา

chst=d_bubble_icon_text_big	chst=d_bubble_icon_text_big_withshadow
chst=d_map_pin_icon	chst=d_map_pin_icon_withshadow

เงาตกกระทบ

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

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

chem=
  y;s=bubble_text_small_shadow;d=bb,Alice,FF8,000;ds=0;dp=1;py=1          // Alice, no shadow
  y;s=bubble_text_small_withshadow;d=bbtr,Robert,FF8,000;ds=0;dp=3.5;py=1 // Robert with shadow
  y;s=bubble_text_small;d=bb,Alice,FF8,000;ds=0;dp=1;py=1                 // Alice shadow

ตัวทำเครื่องหมายทั้งหมดระบุลำดับ Z เดียวกันคือ 1 (py=1) จึงวาดตามลำดับที่ระบุไว้ที่ด้านบนขององค์ประกอบแผนภูมิ (เส้นแผนภูมิ) ก่อนอื่นระบบจะวาดเงาของ Alice จากนั้นจะมีลูกโป่ง Robert แสดงอยู่ที่ด้านบน และสุดท้ายให้ลูกโป่ง Alice อยู่ด้านบน

โปรดดูเอกสารประกอบเกี่ยวกับประเภทไอคอนเฉพาะของคุณ เพื่อดูว่าคุณวาดเงาของไอคอนเพียงอย่างเดียวได้หรือไม่

ไอคอนตามบริบท

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

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

ไอคอนแสดงผลในชุดแหล่งที่มา	แสดงไอคอนในชุดที่ไม่มีแหล่งที่มา	ไอคอนใช้ชุดหนังสือที่ซ่อนอยู่
chem=   y;s=cm_size;ds=0;...;   d=maps_pin,0,10,50,10,8F8,000,hb ds=0 - แสดงผลในชุด 0 (เส้นสีแดง) d=maps_pin,0,... - ข้อมูลจากชุด 0	chem=   y;s=cm_size;ds=1;...;   d=maps_pin,0,10,50,10,8F8,000,hb ds=1 - แสดงผลเป็นชุดที่ 1 (เส้นสีน้ำเงิน) d=maps_pin,0,.. - ข้อมูลจากชุด 0	chd=t1:   10,20,30,5,10,60   10,20,30,70,60,5 chem=   y;s=cm_size;ds=0;dp=all;   d=disk,1,5,20,5,FFFF10,000 t1: - มีการแสดงชุดแรกและใช้ข้อมูลเส้น ชุดหนังสือถัดๆ ไปทั้งหมดจะซ่อนอยู่ ds=0 - แสดงเครื่องหมายในชุด 0 d=disk,1,... - ข้อมูลดิสก์มาจากชุดที่ 1 ที่ซ่อนไว้

ประเภทเครื่องหมายบริบท

ประเภทเครื่องหมาย	ค่า chem วินาที	ตัวอย่าง
สีต่างๆ	s=cm_color
รูปแบบขนาดต่างๆ	s=cm_size
รูปแบบสีและขนาด	s=cm_color_size
รูปแบบสแต็ก	s=cm_repeat
การกองซ้อนและการปรับสี	s=cm_repeat_color

สตริงการปรับแนวสำหรับไอคอนตามบริบท

ไอคอนบริบทรองรับสตริงการปรับแนวซึ่งไม่บังคับ เพื่อระบุการปรับแนวและออฟเซ็ตของไอคอนกับจุดข้อมูล สตริงนี้มีไวยากรณ์ดังต่อไปนี้

<alignment>[+/-<h_anchor_offset>+/-<v_anchor_offset>]

alignment

ตัวอักษร 2 ตัวที่อธิบายถึงการจัดแนวไอคอนกับจุด ตัวอย่างเช่น tl (ซ้ายบน) และ rb (ขวาล่าง) ดูคำอธิบายพารามิเตอร์ alignment_string ของพารามิเตอร์ chem สำหรับข้อมูลและรายละเอียดทั้งหมด

h_anchor_offset

[ไม่บังคับ] การชดเชยแนวนอนของจุดยึด หน่วยเป็นพิกเซล ค่าที่มี 0 จะต้องอยู่ข้างหน้าด้วย + หรือ - สำคัญ: คุณต้องเข้ารหัส url + เป็น %2B

v_anchor_offset

[ไม่บังคับ] ค่าออฟเซ็ตแนวตั้งของจุดยึด หน่วยเป็นพิกเซล ค่ารวมถึงศูนย์จะต้องนำหน้าด้วย + หรือ - สำคัญ: คุณต้องเข้ารหัส URL + เป็น %2B

โปรดทราบว่าคุณสามารถใช้คอมโพเนนต์ of ของพารามิเตอร์ chem เพื่อระบุออฟเซ็ตแนวนอนและแนวตั้งได้ด้วย หากคุณระบุทั้งคอมโพเนนต์ of และค่า h_anchor_offset v_anchor_offset ระบบจะใช้ค่าออฟเซ็ตทั้งหมดกับไอคอน

ตัวอย่าง

hb-0-0 ด้านล่างตรงกลางแนวนอน ไม่มีออฟเซ็ต	lb-0-0 ด้านล่างซ้าย ไม่มีออฟเซ็ต	rb-0-0 ด้านล่างขวา ไม่มีออฟเซ็ต	ht-0-0 ด้านบนแนวนอน ไม่มีออฟเซ็ต
hb-20-0 ด้านล่างตรงกลางแนวนอน -20 แนวนอน 0 แนวตั้ง	hb%2b20-0 ด้านล่างตรงกลางแนวนอน +20 แนวนอน 0 แนวตั้ง	hb-0%2b10 ด้านล่างตรงกลางแนวนอน 0 แนวนอน +10 แนวตั้ง	hb-0-20 ด้านล่างตรงกลางแนวนอน 0 แนวนอน -20 แนวตั้ง

รูปแบบสี (cm_color)

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

ไวยากรณ์

chem=y;s=cm_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<icon_size>,<outline_color>,<alignment>

<icon_shape>

ไอคอนที่จะใช้ ระบุสตริงรหัสที่ระบุรูปภาพที่แสดงอยู่ท้ายหน้า

<color_data_series>

ดัชนีฐาน 0 ของชุดข้อมูลที่ใช้ในการเปลี่ยนสีไอคอน

<low_color>

ค่าสีต่ำในช่วงที่เป็นสีเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) โดยจะเชื่อมโยงกับค่าที่ต่ำที่สุดเท่าที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<middle_color>

ค่าสีตรงกลางในช่วง เป็นสีเลขฐานสิบหกสำหรับ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งจะเชื่อมโยงกับค่ากลางในช่วงข้อมูลที่มีอยู่

<high_color>

ค่าสีสูงในช่วงที่เป็นสีฐานสิบหกของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งสัมพันธ์กับค่าสูงสุดที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<icon_size>

ขนาดของไอคอนในหน่วยพิกเซล ค่าที่รองรับคือ 12, 16, 24

<outline_color>

สีเติมของไอคอนในรูปแบบเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<alignment>

สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน

ตัวอย่าง

s=cm_color - ไอคอนรูปแบบสี ds=0 - แสดงผลบนชุดข้อมูล 0 dp=all - ใส่ไอคอนในทุกจุด ค่า d ดังนี้ petrol - ตัวระบุไอคอน 0 - สีจากชุดข้อมูล 0 000,0FF,F55 - คำจำกัดความของสเกลสี 24 - ขนาดของไอคอน 000 - เส้นขอบสีดำ hv - จัดไอคอนให้อยู่กึ่งกลางตามจุดทั้งแนวนอนและแนวตั้ง

chem=y;s=cm_color;   ds=0;   dp=all;   d=petrol,0,000,0FF,F55,24,000,hv

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

 

 

---

รูปแบบขนาด (cm_size)

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

ไวยากรณ์

chem=y;s=cm_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<fill_color>,<alignment>

<icon_type>

รูปร่างของไอคอน เลือกค่าใดค่าหนึ่งต่อไปนี้ maps_pin, disk หรือ square

<size_data_series>

ดัชนีฐาน 0 ของชุดข้อมูลที่ใช้ในการเปลี่ยนขนาดของไอคอน

<zero_value_size>

ขนาดฐานของไอคอนที่ค่าข้อมูลต่ำสุดของชุดหนังสือ

<size_multiplier>

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

<min_size>

ขนาดต่ำสุดสำหรับไอคอนในหน่วยพิกเซล

<outline_color>

สีเติมของไอคอนในรูปแบบเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<fill_color>

สีเติมของไอคอนเป็นสีเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<alignment>

สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน

ตัวอย่าง

ตัวอย่างเบื้องต้น ไอคอนที่มีค่าเป็น 0 จะแสดงผลที่ขนาดค่า 0 ซึ่งก็คือ 30 พิกเซล ขนาดจะเพิ่มขึ้นพร้อมกับข้อมูล

chd=t:0,10,20,30,40,50,60,70 chem=y;s=cm_size;ds=0;dp=all;py=-1;d=maps_pin,0,30,100,10,8F8,000,hb

ในตัวอย่างนี้ ไอคอนจะใช้ข้อมูลขนาดจากเส้นสีเหลือง แต่แสดงผลบนเส้นสีน้ำเงิน chem=y - เครื่องหมายแบบไดนามิก s=cm_size - ความแปรปรวนของขนาด ds=1 - แสดงในข้อมูลชุดที่ 1 (เส้นสีน้ำเงิน) dp=all - แสดงภาพทุกจุด d= maps_pin - ใช้ไอคอนหมุดแผนที่ 0 - ปรับขนาดตามชุดข้อมูล 0 (เส้นสีเหลือง) 10 - ขนาดการปักหมุดที่ค่า 0 90 - ตัวคูณขนาด 10 - ขนาดขั้นต่ำ 8F8 - เติมสี 000 - สีขอบ hb - จัดรูปภาพให้อยู่กึ่งกลางแนวนอนที่ด้านล่างของหมุด

chem=chem=y;s=cm_size;ds=1;dp=all;d=maps_pin,0,10,90,10,8F8,000,hb

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

 

 

---

รูปแบบสีและขนาด (cm_color_size)

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

ไวยากรณ์

chem=y;s=cm_color_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<alignment>

<icon_type>

รูปร่างของไอคอน เลือกค่าใดค่าหนึ่งต่อไปนี้ maps_pin, disk หรือ square

<color_data_series>

ดัชนีฐาน 0 ของชุดข้อมูลที่ใช้ในการเปลี่ยนสีไอคอน

<low_color>

ค่าสีต่ำในช่วงที่เป็นสีเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) โดยจะเชื่อมโยงกับค่าที่ต่ำที่สุดเท่าที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<middle_color>

ค่าสีตรงกลางในช่วง เป็นสีเลขฐานสิบหกสำหรับ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งจะเชื่อมโยงกับค่ากลางในช่วงข้อมูลที่มีอยู่

<high_color>

ค่าสีสูงในช่วงที่เป็นสีฐานสิบหกของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งสัมพันธ์กับค่าสูงสุดที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<size_data_series>

ดัชนีฐาน 0 ของชุดข้อมูลที่ใช้ในการเปลี่ยนขนาดของไอคอน

<zero_value_size>

ขนาดฐานของไอคอนที่ค่าข้อมูลต่ำสุดของชุดหนังสือ

<size_multiplier>

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

<min_size>

ขนาดต่ำสุดสำหรับไอคอนในหน่วยพิกเซล

<outline_color>

สีเติมของไอคอนในรูปแบบเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<alignment>

สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน

ตัวอย่าง

ตัวอย่างนี้ใช้บรรทัด 2 บรรทัด การปักหมุดจะใช้ข้อมูลสีจากชุดที่มีการแสดงผล แต่ใช้ข้อมูลขนาดจากชุดอื่นๆ chd=s:0akAZtnkmi,nbMPJOKXXS - ซีรีส์แรกใช้วาดเส้นสีเหลืองและกำหนดสีของหมุด ส่วนชุดที่ 2 จะใช้สำหรับเส้นสีน้ำเงินและขนาดหมุด chem=y - แสดงผลไอคอนแบบไดนามิก s=cm_color_size - ใช้ไอคอนบริบทรูปแบบต่างๆ ของสีและขนาด ds=1 - แสดงผลรายการบนชุดข้อมูลที่ 1 ซึ่งเป็นเส้นสีน้ำเงิน dp=all - ใส่ไอคอนในทุกจุด d= maps_pin - ใช้สัญลักษณ์หมุดบนแผนที่ 1 - ใช้ชุดข้อมูล 1 สำหรับสีของหมุด 000,0FF,F55 - สีต่ำ ปานกลาง และสูง 0 - ใช้ชุดข้อมูล 0 สำหรับขนาด PIN 10 - PIN มีค่าเท่ากับ 10 พิกเซล 90 - ตัวคูณขนาด 90 10 - ขนาด PIN ขั้นต่ำ 10 พิกเซล 000 - สีขอบดำ hb - จัดหมุดให้อยู่กึ่งกลางในแนวนอนตามขอบด้านล่างกับจุดข้อมูลแต่ละจุด

chd=s:0akAZtnkmi,nbMPJOKXXS chem=y;s=cm_color_size;ds=1;dp=all;d=maps_pin,1,000,0FF,F55,0,10,90,10,000,hb

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

 

 

---

รูปแบบสแต็ก (cm_repeat)

คุณสามารถกำหนดความสูงของกลุ่มไอคอนได้หลากหลายตามค่าข้อมูลในจุดที่ต้องการ

ไวยากรณ์

chem=y;s=cm_repeat;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<fill_color>,<outline_color>,<spacing>,<alignment>

<icon_shape>

ไอคอนที่จะใช้ ระบุสตริงรหัสที่ระบุรูปภาพที่แสดงอยู่ท้ายหน้า

<repeat_series_index>

ดัชนีแบบเลขฐาน 0 ของชุดข้อมูลซึ่งใช้คำนวณจำนวนไอคอนที่จะวางในจุดนี้

<scaling_factor>

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

<stacking_direction>

ทิศทางในสแต็ก: "h" (ตัวพิมพ์เล็ก) สำหรับแนวนอน หรือ "V" (ตัวพิมพ์ใหญ่) สำหรับแนวตั้ง

<icon_size>

ขนาดของเครื่องหมายแต่ละรายการเป็นพิกเซล ค่าที่รองรับคือ 12, 16, 24

<fill_color>

สีเติมของไอคอนเป็นสีเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<outline_color>

สีเติมของไอคอนในรูปแบบเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<spacing>

ระยะห่างระหว่างเครื่องหมายแต่ละรายการในกลุ่มเป็นพิกเซล

<alignment>

สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน

ตัวอย่าง

ตัวอย่างนี้ใช้ชุดข้อมูลจำลองชุดที่ 2 ข้อมูลนี้ไม่ได้แสดงผลในแผนภูมิ แต่ใช้เพื่อเพิ่มพื้นที่ว่างกลุ่มทั้งหมดเท่าๆ กัน โดยเริ่มตั้งแต่ด้านล่างของแผนภูมิ chd=s1:0akAZtnkmi,AAAAAAAAAA - ชุดแรกใช้เพื่อพล็อตเส้นและกำหนดความสูงของสแต็ก ค่าที่สองใช้ระบุฐานของกลุ่มไอคอนแต่ละกลุ่มที่ค่า 0 chem=y - แสดงผลไอคอนแบบไดนามิก s=cm_repeat - ใช้ไอคอนบริบทของรูปแบบแบบเรียงซ้อน ds=1 - แสดงผลรายการในชุดข้อมูล 1 dp=all - ใส่ไอคอนในทุกจุด d= d=petrol - ใช้สัญลักษณ์น้ำมัน 0 - ใช้ชุดข้อมูล 0 สำหรับการนับการทำซ้ำ 9 - ใช้ตัวคูณมาตราส่วนเท่ากับ 6 V - กองซ้อนแนวตั้ง 16 - ทำเครื่องหมายแต่ละอันให้มีความสูง 16 พิกเซล F00 - สีเติมของไอคอน 000 - สีขอบของไอคอน 2 - พิกเซล 2 พิกเซลระหว่างไอคอนแต่ละรายการในกลุ่ม hb - จัดชุดซ้อนด้านล่างให้อยู่ตรงกลาง

chd=s1:0akAZtnkmi,AAAAAAAAAA chem=   y;s=cm_repeat;ds=1;dp=all;   d=petrol,0,9,V,16,F00,000,2,hb

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

 




---

 

การซ้อนและรูปแบบสี (cm_repeat_color)

คุณสามารถเปลี่ยนแปลงทั้งความสูงและสีของกลุ่มไอคอนได้ตามค่าข้อมูล ณ จุดที่ต้องการ

ไวยากรณ์

chem=y;s=cm_repeat_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<outline_color>,<spacing>,<alignment>

<icon_shape>

ไอคอนที่จะใช้ ระบุสตริงรหัสที่ระบุรูปภาพที่แสดงอยู่ท้ายหน้า

<repeat_series_index>

ดัชนีแบบเลขฐาน 0 ของชุดข้อมูลซึ่งใช้คำนวณจำนวนไอคอนที่จะวางในจุดนี้

<scaling_factor>

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

<stacking_direction>

ทิศทางในสแต็ก: "h" (ตัวพิมพ์เล็ก) สำหรับแนวนอน หรือ "V" (ตัวพิมพ์ใหญ่) สำหรับแนวตั้ง

<icon_size>

ขนาดของเครื่องหมายแต่ละรายการเป็นพิกเซล ค่าที่รองรับคือ 12, 16, 24

<color_data_series>

ดัชนีฐาน 0 ของชุดข้อมูลที่ใช้ในการเปลี่ยนสีไอคอน

<low_color>

ค่าสีต่ำในช่วงที่เป็นสีเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) โดยจะเชื่อมโยงกับค่าที่ต่ำที่สุดเท่าที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<middle_color>

ค่าสีตรงกลางในช่วง เป็นสีเลขฐานสิบหกสำหรับ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งจะเชื่อมโยงกับค่ากลางในช่วงข้อมูลที่มีอยู่

<high_color>

ค่าสีสูงในช่วงที่เป็นสีฐานสิบหกของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #) ซึ่งสัมพันธ์กับค่าสูงสุดที่เป็นไปได้ในช่วงข้อมูลที่มีอยู่

<outline_color>

สีเติมของไอคอนในรูปแบบเลขฐาน 16 ของ HTML 3 หรือ 6 หลัก (ไม่มีเครื่องหมาย #)

<spacing>

ระยะห่างระหว่างเครื่องหมายแต่ละรายการในกลุ่มเป็นพิกเซล

<alignment>

สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน

ตัวอย่าง

chem=y - แสดงผลไอคอนแบบไดนามิก s=cm_repeat_color - ใช้ไอคอนบริบทแบบเรียงซ้อนและรูปแบบสี ds=0 - แสดงผลรายการในชุดข้อมูล 0 dp=all - ใส่ไอคอนในทุกจุด d= petrol - ใช้สัญลักษณ์น้ำมัน 0 - ใช้ชุดข้อมูล 0 สำหรับการนับการทำซ้ำ 6 - ใช้ตัวคูณมาตราส่วนเท่ากับ 6 V - กองซ้อนแนวตั้ง 12 - ทำเครื่องหมายแต่ละอันให้มีความสูง 12 พิกเซล 0 - ใช้ชุด 0 เพื่อระบุสี F00,0F0,00F - ค่าสีต่ำ กลาง และสูง 000 - สีขอบของไอคอน 2 - พิกเซล 2 พิกเซลระหว่างไอคอนแต่ละรายการในกลุ่ม hv - จัดกลุ่มข้อมูลให้อยู่กึ่งกลางในแนวตั้งและแนวนอนบนจุดข้อมูลแต่ละจุด

chem=   y;s=cm_repeat_color;ds=0;dp=all;   d=petrol,0,6,V,12,0,F00,0F0,00F,000,2,hv

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