डाइनैमिक आइकॉन

इस पेज पर, अलग-अलग तरह के ऐसे कॉलआउट, बबल, पिन, और अन्य ग्राफ़िक बनाने का तरीका बताया गया है जिनका यूआरएल की मदद से अनुरोध किया जा सकता है या जिन्हें अन्य चार्ट के सबसे ऊपर मार्कर के तौर पर जोड़ा जा सकता है.

विषय सूची

1. शुरुआती जानकारी
   1. फ़्रीस्टैंडिंग आइकॉन
   2. डाइनैमिक मार्कर
2. आइकॉन की सामान्य सुविधाएं
   1. टेक्स्ट स्ट्रिंग
   2. परछाई
3. संदर्भ के हिसाब से आइकॉन

शुरुआती जानकारी

Chart API की मदद से कई तरह के दिलचस्प कॉलआउट, पिन या बबल बनाए जा सकते हैं, जिनमें टेक्स्ट और इमेज, दोनों शामिल होते हैं. इन आइटम को डाइनैमिक आइकॉन कहा जाता है. आप या तो एक फ़्रीस्टैंडिंग डाइनैमिक आइकॉन इमेज बना सकते हैं या chem पैरामीटर का इस्तेमाल करके, अपने चार्ट पर डाइनैमिक आइकॉन को मार्कर टाइप के तौर पर सेट कर सकते हैं. इस पेज पर, डाइनैमिक आइकॉन बनाने का तरीका बताया गया है. ये आइकॉन, फ़्रीस्टैंडिंग इमेज के तौर पर या किसी दूसरे चार्ट पर मार्कर के तौर पर बनाए जा सकते हैं. इन्फ़ोग्राफ़िक डाइनैमिक आइकॉन के रेफ़रंस पेज पर, सभी तरह के उपलब्ध डाइनैमिक मार्कर के बारे में जानकारी मिलती है.

डाइनैमिक आइकॉन बनाने का सिंटैक्स इस बात पर निर्भर करता है कि आपको फ़्रीस्टैंडिंग आइकॉन चाहिए या किसी दूसरे चार्ट में, डाइनैमिक मार्कर के तौर पर.

फ़्रीस्टैंडिंग आइकॉन

किसी दूसरे चार्ट की तरह ही, डाइनैमिक आइकॉन इमेज के लिए अनुरोध किया जा सकता है. फ़्रीस्टैंडिंग डाइनैमिक आइकॉन, दूसरे चार्ट के मुकाबले अलग-अलग पैरामीटर के सेट के साथ काम करता है:

उदाहरण

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 कोड में और फिर यूआरएल से कोड में बदला जाना चाहिए. इसका असर सिर्फ़ उन वर्णों पर पड़ता है जो यूआरएल की सुरक्षा नहीं करते. इनमें ज़्यादातर अंग्रेज़ी के अक्षरों में बड़े और छोटे, दोनों तरह के अक्षरों का इस्तेमाल किया जाता है. साथ ही, विराम चिह्न का एक छोटा सेट भी होता है. उदाहरण के लिए, " è" वर्ण के लिए UTF-8 और यूआरएल-एनकोडेड मान "%C3%A8" है और चीनी वर्ण 駅 के लिए "%E9%A7%85" है. ज़्यादातर ब्राउज़र आपको यूआरएल स्ट्रिंग (उदाहरण के लिए, 駅) में बिना कोड वाली वैल्यू का इस्तेमाल करने की सुविधा देंगे और पर्दे के पीछे आपके लिए उसे कोड में बदल देंगे. हालांकि, ऐसा हो सकता है कि आपके चार्ट का यूआरएल देखने वाला कोई व्यक्ति ऐसे ब्राउज़र का इस्तेमाल कर रहा हो जो ऐसा नहीं करता. इसलिए, आम तौर पर टेक्स्ट स्ट्रिंग में, बिना ASCII वाले सभी वर्णों को UTF-8 और यूआरएल को कोड में बदलना सबसे सही तरीका माना जाता है. ध्यान दें कि यह सिर्फ़ बबल या पिन में दिखाए गए टेक्स्ट के लिए है, &, | या ऐसे अन्य वर्णों के लिए नहीं जो यूआरएल सिंटैक्स का हिस्सा हैं.

डाइनैमिक आइकॉन मार्कर की जानकारी देने के लिए 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

फ़्रीस्टैंडिंग शैडोज़

कुछ तरह के आइकॉन, आपको उनकी परछाई खुद बनाने की सुविधा देते हैं. ऐसा करने की ज़रूरत तब पड़ सकती है, जब किसी ग्राफ़िक में ओवरलैप होने वाले शैडो आइकॉन का इस्तेमाल किया जा रहा हो और वे इतने पास हों कि एक की परछाई दूसरे आइकॉन पर पड़ जाए. उदाहरण के लिए, यहां शैडो वाले दो बबल दिखाए गए हैं. पहले रॉबर्ट बनाए गए और फिर ऐलिस:

ध्यान दें कि ऐलिस की परछाई रॉबर्ट को किस तरह ढकती है. इसे ठीक करने के लिए, पहले ऐलिस शैडो बनाएं, फिर रॉबर्ट बबल, और फिर ऐलिस को बिना शैडो वाला ड्रॉ करें. यह रोशनी और परछाइयों के हिसाब से शायद पूरी तरह से असली न लगे, लेकिन इससे एक बबल को धुंधला करने से बचा जा सकता है. जैसे:

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

सभी मार्कर, 1 (py=1) का एक जैसा ज़ेड-ऑर्डर दिखाते हैं, ताकि उन्हें चार्ट के एलिमेंट (चार्ट लाइन) के ऊपर, सूची में दिए गए क्रम में रखा जाए. सबसे पहले ऐलिस की शैडो बनाई जाती है, फिर उसके ऊपर रॉबर्ट बबल बनाया जाता है और आखिर में सबसे ऊपर ऐलिस बबल बनाया जाता है.

अपने खास तरह के आइकॉन से जुड़े दस्तावेज़ देखें और जानें कि क्या उस टाइप के आइकॉन का पूरा इस्तेमाल किया जा सकता है.

काम के आइकॉन

आइकॉन का रंग, साइज़ या स्टैकिंग, आइटम असाइन किए गए पॉइंट के हिसाब से तय की जा सकती है. ये आइकॉन टाइप सिर्फ़ डाइनैमिक आइकॉन मार्कर (chem पैरामीटर) के तौर पर उपलब्ध हैं. ये फ़्रीस्टैंडिंग आइकॉन के तौर पर उपलब्ध नहीं हैं.

इन आइकॉन को उस सीरीज़ के अलावा किसी दूसरी सीरीज़ पर रेंडर किया जा सकता है जिसमें उनके रंग, साइज़ या स्टैकिंग की जानकारी के बारे में बताया जाता है. इसका मतलब है कि chem पैरामीटर की ds वैल्यू उस सीरीज़ के बारे में बताती है जिस पर आइकॉन को रेंडर करना है. हालांकि, आइकॉन का साइज़ या रंग तय करने वाली वैल्यू, यहां दिए गए पैरामीटर में बताई गई हैं. इसका एक अच्छा इस्तेमाल यह है कि आइकॉन डेटा के लिए छिपी हुई डेटा सीरीज़ का इस्तेमाल किया जाए, लेकिन आइकॉन को किसी दिखने वाली लाइन या बार पर रेंडर किया जाए. यहां कुछ उदाहरण दिए गए हैं:

सोर्स सीरीज़ पर रेंडर किया गया आइकॉन	बिना सोर्स वाली सीरीज़ पर रेंडर किया गया आइकॉन	छिपी हुई सीरीज़ का इस्तेमाल करने वाला आइकॉन
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 - पहली सीरीज़ पर रेंडर करें (नीली लाइन) 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 वैल्यू	उदाहरण
रंग का वैरिएशन	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

आइकॉन और बिंदु के अलाइनमेंट के बारे में बताने वाले दो अक्षर. उदाहरण के लिए, tl (सबसे ऊपर बाईं ओर) और rb (सबसे नीचे दाईं ओर). पूरी लिस्टिंग और जानकारी के लिए, chem पैरामीटर की alignment_string पैरामीटर की जानकारी देखें.

h_anchor_offset

[ज़रूरी नहीं] ऐंकर पॉइंट का हॉरिज़ॉन्टल ऑफ़सेट, पिक्सल में. शून्य वाले वैल्यू से पहले + या - होना चाहिए. अहम जानकारी: आपको %2B के तौर पर, यूआरएल को कोड में बदलना होगा.

v_anchor_offset

[ज़रूरी नहीं] ऐंकर पॉइंट का वर्टिकल ऑफ़सेट, पिक्सल में. शून्य वाले वैल्यू से पहले + या - होना चाहिए. अहम जानकारी: आपको %2B के तौर पर, यूआरएल को कोड में बदलना होगा.

ध्यान दें कि हॉरिज़ॉन्टल और वर्टिकल ऑफ़सेट की जानकारी देने के लिए, chem पैरामीटर के of कॉम्पोनेंट का इस्तेमाल भी किया जा सकता है. अगर 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>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल, आइकॉन के रंग को बदलने के लिए किया जाता है.

<low_color>

सीमा में कम रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे कम संभावित वैल्यू से जुड़ी होती है.

<middle_color>

सीमा में बीच वाले रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह, उपलब्ध डेटा रेंज में बीच की वैल्यू से जुड़ा होता है.

<high_color>

सीमा में सबसे ज़्यादा रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे ज़्यादा संभावित वैल्यू से जुड़ी होती है.

<icon_size>

आइकॉन का साइज़ (पिक्सल में). ये वैल्यू इस्तेमाल की जा सकती हैं: 12, 16, 24.

<outline_color>

आइकॉन के लिए आउटलाइन का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर होता है.

<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>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल, आइकॉन के साइज़ को बदलने के लिए किया जाता है.

<zero_value_size>

आइकॉन का बेस साइज़, सीरीज़ के लिए तय किए गए कम से कम डेटा वैल्यू पर होता है.

<size_multiplier>

साइज़ को स्केल करने वाला फ़ैक्टर. आइकॉन का फ़ाइनल साइज़ कैलकुलेट करने के लिए, इस वैल्यू को हर आइकॉन की डेटा वैल्यू और सीरीज़ की कम से कम वैल्यू के बीच के अंतर से गुणा किया जाता है. इसलिए, 0 डेटा वैल्यू पर मौजूद आइकॉन पर, इस मल्टीप्लायर का असर नहीं होगा.

<min_size>

किसी भी आइकॉन का कम से कम साइज़, पिक्सल में.

<outline_color>

आइकॉन के लिए आउटलाइन का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर होता है.

<fill_color>

आइकॉन के लिए भरने का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर.

<alignment>

आइकॉन के अलाइनमेंट और ऑफ़सेट के बारे में बताने वाला वैकल्पिक स्ट्रिंग.

उदाहरण

बुनियादी उदाहरण. शून्य वैल्यू वाला आइकॉन, शून्य वैल्यू साइज़ पर रेंडर किया जाता है, जो 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 - शून्य वैल्यू पर पिन का साइज़ 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>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल, आइकॉन के रंग को बदलने के लिए किया जाता है.

<low_color>

सीमा में कम रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे कम संभावित वैल्यू से जुड़ी होती है.

<middle_color>

सीमा में बीच वाले रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह, उपलब्ध डेटा रेंज में बीच की वैल्यू से जुड़ा होता है.

<high_color>

सीमा में सबसे ज़्यादा रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे ज़्यादा संभावित वैल्यू से जुड़ी होती है.

<size_data_series>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल, आइकॉन के साइज़ को बदलने के लिए किया जाता है.

<zero_value_size>

आइकॉन का बेस साइज़, सीरीज़ के लिए तय किए गए कम से कम डेटा वैल्यू पर होता है.

<size_multiplier>

साइज़ को स्केल करने वाला फ़ैक्टर. आइकॉन का फ़ाइनल साइज़ कैलकुलेट करने के लिए, इस वैल्यू को हर आइकॉन की डेटा वैल्यू और सीरीज़ की कम से कम वैल्यू के बीच के अंतर से गुणा किया जाता है. इसलिए, 0 डेटा वैल्यू पर मौजूद आइकॉन पर, इस मल्टीप्लायर का असर नहीं होगा.

<min_size>

किसी भी आइकॉन का कम से कम साइज़, पिक्सल में.

<outline_color>

आइकॉन के लिए आउटलाइन का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर होता है.

<alignment>

आइकॉन के अलाइनमेंट और ऑफ़सेट के बारे में बताने वाला वैकल्पिक स्ट्रिंग.

उदाहरण

इस उदाहरण में दो लाइनों का इस्तेमाल किया गया है. पिन उस सीरीज़ के कलर डेटा का इस्तेमाल करती हैं जिस पर उन्हें रेंडर किया जाता है. हालांकि, इसमें अन्य सीरीज़ के साइज़ के डेटा का इस्तेमाल किया जाता है. chd=s:0akAZtnkmi,nbMPJOKXXS - पहली सीरीज़ का इस्तेमाल, पीली लाइन को प्लॉट करने और पिन का रंग तय करने के लिए किया जाता है. दूसरी सीरीज़ का इस्तेमाल नीली लाइन और पिन के साइज़ के लिए किया जाता है. chem=y - डाइनैमिक आइकॉन बनाएं s=cm_color_size - रंग और साइज़ के अलग-अलग वर्शन वाले कॉन्टेक्स्ट आइकॉन का इस्तेमाल करें. ds=1 - डेटा सीरीज़ 1, नीली लाइन पर आइटम रेंडर करें. dp=all - आइकॉन को सभी बिंदुओं पर रखें. d= maps_pin - मैप पर पिन करने वाले निशान का इस्तेमाल करें. 1 - पिन के रंग के लिए, डेटा सीरीज़ 1 का इस्तेमाल करें. 000,0FF,F55 - कम, मध्यम, और उच्च रंग. 0 - पिन के साइज़ के लिए, डेटा सीरीज़ 0 का इस्तेमाल करें. 10 - वैल्यू 0 पर पिन 10 पिक्सल का है. 90 - 90 का साइज़ मल्टीप्लायर. 10 - पिन का साइज़ कम से कम 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>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल करके, यह हिसाब लगाया जाता है कि इस पॉइंट पर कितने आइकॉन जोड़े जाने हैं.

<scaling_factor>

सोर्स डेटा सीरीज़ की वैल्यू को, 0 से 1 की वैल्यू के तौर पर सेट किया जाता है. इसके बाद, इस वैल्यू को गुणा करके यह तय किया जाता है कि इस पॉइंट पर कितने मार्कर लगाने हैं. पार्शियल वैल्यू छोटी कर दी जाती हैं.

<stacking_direction>

स्टैकिंग की दिशा: हॉरिज़ॉन्टल के लिए "h" (लोअरकेस) या वर्टिकल के लिए "V" (अपरकेस).

<icon_size>

हर मार्कर का साइज़, पिक्सल में. ये वैल्यू इस्तेमाल की जा सकती हैं: 12, 16, 24.

<fill_color>

आइकॉन के लिए भरने का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर.

<outline_color>

आइकॉन के लिए आउटलाइन का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर होता है.

<spacing>

पिक्सल में, किसी स्टैक में हर मार्कर के बीच कितना स्पेस रखना है.

<alignment>

आइकॉन के अलाइनमेंट और ऑफ़सेट के बारे में बताने वाला वैकल्पिक स्ट्रिंग.

उदाहरण

इस उदाहरण में, दूसरी डमी डेटा सीरीज़ का इस्तेमाल किया गया है. इसे चार्ट पर रेंडर नहीं किया जाता, लेकिन इसका इस्तेमाल चार्ट के निचले हिस्से से शुरू करते हुए, सभी स्टैक को एक समान करने के लिए किया जाता है. 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 - स्टैक में हर आइकॉन के बीच दो पिक्सल. 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>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल करके, यह हिसाब लगाया जाता है कि इस पॉइंट पर कितने आइकॉन जोड़े जाने हैं.

<scaling_factor>

सोर्स डेटा सीरीज़ की वैल्यू को, 0 से 1 की वैल्यू के तौर पर सेट किया जाता है. इसके बाद, इस वैल्यू को गुणा करके यह तय किया जाता है कि इस पॉइंट पर कितने मार्कर लगाने हैं. पार्शियल वैल्यू छोटी कर दी जाती हैं.

<stacking_direction>

स्टैकिंग की दिशा: हॉरिज़ॉन्टल के लिए "h" (लोअरकेस) या वर्टिकल के लिए "V" (अपरकेस).

<icon_size>

हर मार्कर का साइज़, पिक्सल में. ये वैल्यू इस्तेमाल की जा सकती हैं: 12, 16, 24.

<color_data_series>

डेटा सीरीज़ के शून्य पर आधारित इंडेक्स का इस्तेमाल, आइकॉन के रंग को बदलने के लिए किया जाता है.

<low_color>

सीमा में कम रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे कम संभावित वैल्यू से जुड़ी होती है.

<middle_color>

सीमा में बीच वाले रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह, उपलब्ध डेटा रेंज में बीच की वैल्यू से जुड़ा होता है.

<high_color>

सीमा में सबसे ज़्यादा रंग की वैल्यू, जैसे कि तीन या छह अंकों के एचटीएमएल के हेक्साडेसिमल रंग (कोई # निशान नहीं). यह वैल्यू, उपलब्ध डेटा रेंज में सबसे ज़्यादा संभावित वैल्यू से जुड़ी होती है.

<outline_color>

आइकॉन के लिए आउटलाइन का रंग, तीन या छह अंकों के एचटीएमएल हेक्साडेसिमल कलर (कोई # मार्क नहीं) के तौर पर होता है.

<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 - स्टैक में हर आइकॉन के बीच दो पिक्सल. hv - हर डेटा पॉइंट पर, स्टैक को वर्टिकल और हॉरिज़ॉन्टल तौर पर सेंटर करें.

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

वापस सबसे ऊपर जाएं