หน้านี้อธิบายวิธีสร้างไฮไลต์ ลูกโป่ง หมุด และกราฟิกอื่นๆ แบบต่างๆ ที่ขอตาม URL หรือเพิ่มเป็นเครื่องหมายเหนือแผนภูมิอื่นๆ ได้
สารบัญ
บทนำ
Chart API ช่วยให้คุณสร้างไฮไลต์ หมุด หรือลูกโป่งที่น่าสนใจต่างๆ ที่ผสมข้อความและรูปภาพได้ รายการเหล่านี้เรียกว่าไอคอนแบบไดนามิก
คุณจะสร้างรูปภาพไอคอนแบบไดนามิกแบบตั้งพื้นหรือวางไอคอนแบบไดนามิกที่ด้านบนของแผนภูมิเป็นประเภทเครื่องหมายโดยใช้พารามิเตอร์ chem
ก็ได้ หน้านี้อธิบายวิธีสร้างไอคอนแบบไดนามิกเป็นรูปภาพแบบลอยหรือเป็นเครื่องหมายในแผนภูมิอื่น หน้าข้อมูลอ้างอิงไอคอนแบบไดนามิกของอินโฟกราฟิกอธิบายประเภทเครื่องหมายแบบไดนามิกทั้งหมดที่มี
ไวยากรณ์สำหรับการสร้างไอคอนแบบไดนามิกจะขึ้นอยู่กับว่าคุณต้องการแสดงไอคอนแบบอิสระ หรือเป็นเครื่องหมายแบบไดนามิกในแผนภูมิอื่น
ไอคอนอิสระ
คุณขอรูปภาพไอคอนแบบไดนามิกได้ในรูปแบบเดียวกับที่คุณขอแผนภูมิอื่นๆ ไอคอนแบบไดนามิกแบบอิสระรองรับชุดพารามิเตอร์ที่ต่างจากแผนภูมิอื่นๆ ดังนี้
พารามิเตอร์ | ต้องระบุหรือไม่บังคับ | คำอธิบาย |
---|---|---|
chst=<icon_string_constant> |
ต้องระบุ | อธิบายประเภทของไอคอนที่จะสร้าง
|
chld=<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=
|
chem=
|
chd=t1:
|
ประเภทเครื่องหมายบริบท
ประเภทเครื่องหมาย | ค่า 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>
- สตริงที่ไม่บังคับที่อธิบายการปรับแนวและออฟเซ็ตของไอคอน
ตัวอย่าง
|
chem=y;s=cm_color; |
รูปแบบขนาด (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=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 |
รูปแบบสแต็ก (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
|
การซ้อนและรูปแบบสี (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= |