डिवाइस बदलने की सूचना: इस मैप चार्ट को इसके नए वर्शन से बदल दिया गया है.
इस पेज पर बताया गया है कि चार्ट एपीआई का इस्तेमाल करके रंगीन मैप कैसे बनाया जाता है.
विषय सूची
चार्ट के लिए खास सुविधाएं |
स्टैंडर्ड सुविधाएं
|
खास जानकारी
अलग-अलग देशों या राज्यों को अपनी पसंद के मुताबिक रंगों से हाइलाइट करके मैप बनाया जा सकता है. किसी मैप को तय करने के लिए, आपको यह तय करना होगा कि मैप को दुनिया की किस जगह पर ज़ूम करना चाहिए. आपको उन क्षेत्रों की एक सूची भी देनी होगी जिन्हें मैप में कलर करना चाहिए. साथ ही, एक पैरलल डेटा सूची भी तय करनी होगी जो हर देश के लिए संख्या वाली वैल्यू असाइन करती है. हर देश को असाइन की गई वैल्यू के हिसाब से, ग्रेडिएंट के हिसाब से रंग दिया जाता है. विकल्प के तौर पर, डेटा वैल्यू के लिए अपनी पसंद के मुताबिक कलर ग्रेडिएंट तय किया जा सकता है.
मैप चार्ट में इन पैरामीटर का इस्तेमाल किया जा सकता है:
पैरामीटर | ज़रूरी है या ज़रूरी नहीं है | ब्यौरा |
---|---|---|
cht=t |
ज़रूरी है | मैप चार्ट के बारे में बताता है. |
chs |
ज़रूरी है | मैप का साइज़. मैप का साइज़ ज़्यादा से ज़्यादा 440x220 हो सकता है. |
chtm=<zoom_area> |
ज़रूरी है | चार्ट में दिखाया गया भौगोलिक इलाका.
|
chld=<country_or_state_codes> |
ज़रूरी है | उन देशों या राज्यों की सूची जहां वैल्यू लागू की जा रही है.
उदाहरण: |
chd=<country_values> |
ज़रूरी है | क्षेत्रों की सूची के साथ-साथ मौजूद वैल्यू की सूची, जहां वैल्यू, संबंधित क्षेत्र पर लागू होती है. वैल्यू, फ़ॉर्मैट किए गए डेटा की स्टैंडर्ड वैल्यू होती हैं. हर क्षेत्र को chco में बताए गए स्केल के साथ एक कलर असाइन किया जाएगा. इसमें, रेंज में सबसे कम वैल्यू सबसे कम रंग पर लागू होती है और उस रेंज की सबसे ज़्यादा वैल्यू आखिरी रंग पर लागू होती है.
|
chco=<default_color>,<start_of_gradient>,...,<end_of_gradient> |
ज़रूरी नहीं | डेटा फ़ॉर्मैट की रेंज के लिए, कम और ज़्यादा डेटा वैल्यू से जुड़े रंगों की रेंज. इस ग्रेडिएंट के साथ डेटा वैल्यू को कलर वैल्यू में बदल दिया जाता है और उनसे जुड़े देशों पर लागू किया जाता है.
|
chtt, chts |
ज़रूरी नहीं | चार्ट का टाइटल और स्टाइल |
chma |
ज़रूरी नहीं | चार्ट के मार्जिन |
chf=bg |
ज़रूरी नहीं | सॉलिड फ़िल (सिर्फ़ बैकग्राउंड में) |
उदाहरण
ब्यौरा | उदाहरण |
---|---|
इस उदाहरण में:
|
|
यह चार्ट पिछले चार्ट से मिलता-जुलता है, लेकिन इसमें ज़्यादा जानकारी दी गई है. |
chtm=africa |
इस चार्ट से पता चलता है कि किसी भी देश को हाइलाइट न किया गया हो. इसके लिए, एक ऐसी वैल्यू दी गई हो जिसे तय न किया गया हो ( |
chs=440x220 |
अमेरिका के कोड
मैप को अमेरिका
(chld=usa
) में ज़ूम इन करने पर, यहां उन राज्यों के कोड दिए गए हैं जिनका इस्तेमाल किया जा सकता है.
AL | ऐलाबेमा | लॉस ऐंजलस | लुईज़िएना | ओहायो | ओहायो |
अलास्का | अलास्का | मुझे | मेन | ठीक है | ओक्लाहोमा |
एरिज़ोना | ऐरिज़ोना | MD | मैरीलैंड | या | ऑरेगॉन |
एआर (ऑगमेंटेड रिएलिटी) | अरकंसास | मोरक्को (MA) | मेसाचुसेट्स | PA | पेंसिलवेनिया |
कैलिफ़ोर्निया | कैलिफ़ोर्निया | MI | मिशिगन | आरआई | रोड आइलैंड |
कोलंबिया (CO) | कोलोराडो | मिनेसोटा | मिनेसोटा | SC | दक्षिणी कैरलाइना |
CT | कनेटिकट | MS | मिसीसिपी | एसडी | साउथ डकोटा |
जर्मनी | डेलवेयर | MO | मिज़ूरी | ट्यूनीशिया (TN) | टेनेसी |
लिक्टनस्टाइन (FL) | फ़्लोरिडा | MT | मॉनटेना | TX | टेक्सस |
GA | जॉर्जिया | NE | नेब्रास्का | यूटी | यूटाह |
HI | हवाई | NV | नेवाडा | वीटी | वरमॉन्ट |
ID | आइडहो | NH | न्यू हैम्पशर | VA | वर्जीनिया |
IL | इलिनॉय | NJ | न्यू जर्सी | WA | वॉशिंगटन |
भारत | इंडियाना | NM | न्यू मेक्सिको | WV | वेस्ट वर्जीनिया |
आईए | आयोवा | NY | न्यूयॉर्क | WI | विस्कॉन्सिन |
केएस | कैंसस | NC | नॉर्थ कैरोलीना | WY | वायोमिंग |
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" सेट होता है.
उदाहरण
ब्यौरा | उदाहरण |
---|---|
शीर्षक के साथ चार्ट, जिसमें डिफ़ॉल्ट रंग और फ़ॉन्ट साइज़ का इस्तेमाल किया जा रहा है. प्लस चिह्न ( लाइन ब्रेक ज़बरदस्ती करने के लिए, पाइप वर्ण (
|
chtt=Site+visitors+by+month| |
नीले रंग का चार्ट, जिसमें दाईं ओर अलाइन किया गया, 20 पॉइंट वाला शीर्षक है. |
chtt=Site+visitors |
चार्ट मार्जिन chma
[सभी
चार्ट]
चार्ट के मार्जिन का साइज़, पिक्सल में तय किया जा सकता है. मार्जिन का हिसाब, दिए गए चार्ट के साइज़ (chs
) से अंदर की ओर लगाया जाता है. मार्जिन
का साइज़ बढ़ाने से चार्ट का कुल साइज़ नहीं बढ़ता. इसके बजाय, ज़रूरत पड़ने पर चार्ट का एरिया छोटा कर दिया जाता है.
चार्ट का साइज़ कैलकुलेट होने के बाद जो भी बचा होता है वह डिफ़ॉल्ट रूप से मार्जिन होता है. यह डिफ़ॉल्ट वैल्यू, चार्ट टाइप के हिसाब से अलग-अलग होती है. आपने जो मार्जिन तय किए हैं वे कम से कम वैल्यू हैं. अगर चार्ट एरिया में मार्जिन की जगह खाली है, तो मार्जिन का साइज़ वही होगा जो बचा हुआ है. आपके पास किसी भी लेजेंड और लेबल के लिए ज़रूरी मार्जिन से कम मार्जिन को छोटा करने की सुविधा नहीं है. इस डायग्राम में चार्ट के बुनियादी हिस्सों को दिखाया गया है:
चार्ट मार्जिन में ऐक्सिस लेबल और लेजेंड
एरिया शामिल होते हैं. अगर आपने अहम जानकारी: बार चार्ट में, अगर बार का साइज़ (डिफ़ॉल्ट तौर पर) तय है, तो चार्ट के एरिया की चौड़ाई को कम नहीं किया जा सकता. आपको |
सिंटैक्स
chma= <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
- <left_margin>, <left_margin>, <left_margin>left_margin
- चार्ट की एरिया के आस-पास, पिक्सल में कम से कम मार्जिन का साइज़. इस वैल्यू को बढ़ाएं, ताकि कुछ पैडिंग (जगह) शामिल की जा सके. इससे, ऐक्सिस लेबल को चार्ट के बॉर्डर से ऊपर की ओर जाने से रोका जा सकता है.
- <opt_legend_width>, <opt_legend_height>
- [ज़रूरी नहीं] लेजेंड के आस-पास मार्जिन की चौड़ाई, पिक्सल में. इसका इस्तेमाल करें, ताकि लेजेंड को चार्ट की जगह या इमेज के किनारों पर ऊपर-नीचे न पहुंचाया जा सके.
उदाहरण
ब्यौरा | उदाहरण |
---|---|
इस उदाहरण में, चार्ट के दोनों तरफ़ कम से कम 30 पिक्सल का मार्जिन है. चार्ट लेजेंड की चौड़ाई 30 पिक्सल से ज़्यादा है, इसलिए दाईं ओर मौजूद मार्जिन, चार्ट लेजेंड की चौड़ाई के हिसाब से सेट है. साथ ही, यह अन्य मार्जिन से अलग है. ऐक्सिस लेबल, प्लॉट के बाहर मौजूद होते हैं. इसलिए, ये मार्जिन स्पेस के अंदर ही बने होते हैं. |
|
लेजेंड के चारों ओर मार्जिन जोड़ने के लिए, इस उदाहरण में, लेजेंड की चौड़ाई करीब 60 पिक्सल है. अगर |
|
बैकग्राउंड chf
में भर जाता है [सभी
चार्ट]
चार्ट डेटा एरिया और/या पूरे चार्ट के बैकग्राउंड के लिए, फ़िल कलर और स्टाइल तय किए जा सकते हैं. फ़िल टाइप में सॉलिड फ़िल, धारीदार फ़िल, और ग्रेडिएंट शामिल होते हैं.
अलग-अलग एरिया के लिए, अलग-अलग फ़िल सेट किए जा सकते हैं. उदाहरण के लिए, पूरा चार्ट
एरिया या सिर्फ़ डेटा एरिया. चार्ट एरिया फ़िल
बैकग्राउंड फ़िल को ओवरराइट कर देता है. सभी फ़िल के बारे में जानकारी chf
पैरामीटर का इस्तेमाल करके दी जाती है.
और एक ही चार्ट में अलग-अलग फ़िल टाइप (सॉलिड, स्ट्राइप, ग्रेडिएंट) को मिलाकर वैल्यू को पाइप वर्ण ( | ) से अलग किया जा सकता है. चार्ट एरिया, बैकग्राउंड फ़िल को ओवरराइट कर देता है.
ठोस फ़िल chf
[सभी
चार्ट]
आपके पास बैकग्राउंड और/या चार्ट एरिया के लिए, कोई अच्छा फ़िल बताने का विकल्प होता है. इसके अलावा, पूरे चार्ट के लिए पारदर्शिता वैल्यू असाइन की जा सकती है. पाइप कैरेक्टर (|
) का इस्तेमाल करके, एक से ज़्यादा बार फ़िल के बारे में बताया जा सकता है. (Maps: सिर्फ़ बैकग्राउंड में).
सिंटैक्स
chf=<fill_type>,s,<color>|...
- <fill_type>
- चार्ट का हिस्सा भरा जा रहा है. इनमें से कोई एक वैल्यू डालें:
bg
- बैकग्राउंड में रंग भरने की सुविधाc
- चार्ट एरिया में जानकारी भरी जा सकती है. मैप चार्ट के लिए यह सुविधा उपलब्ध नहीं है.a
- पूरे चार्ट (बैकग्राउंड के साथ) को पारदर्शी बनाएं.<color>
के शुरुआती छह अंकों को नज़रअंदाज़ किया जाता है. साथ ही, पूरे चार्ट पर सिर्फ़ आखिरी दो (पारदर्शिता वैल्यू) लागू की जाती हैं. साथ ही, पूरे चार्ट पर वैल्यू को पूरा भरा जाता है.b<index>
- बार सॉलिड फ़िल (सिर्फ़ बार चार्ट के लिए). एक ठोस रंग से भरने के लिए <index> को बार के सीरीज़ इंडेक्स से बदलें. यह इफ़ेक्ट, बार चार्ट मेंchco
के बारे में बताने जैसा ही है. उदाहरण के लिए, बार चार्ट सीरीज़ के रंग देखें.
- s
- यह पूरी तरह से या पूरी तरह से पारदर्शी होने के बारे में बताता है.
- <color>
- फ़िल कलर, RRGGBB हेक्साडेसिमल फ़ॉर्मैट में होना चाहिए. ट्रांसपैरेंस के लिए, शुरुआती छह अंकों को अनदेखा किया जाता है. हालांकि, इनमें फिर भी शामिल किया जाना चाहिए.
उदाहरण
ब्यौरा | उदाहरण |
---|---|
इस उदाहरण में, चार्ट के बैकग्राउंड को हल्के स्लेटी रंग
( |
|
इस उदाहरण में, चार्ट के बैकग्राउंड को हल्के स्लेटी ( |
|
यह उदाहरण पूरे चार्ट के लिए 50% पारदर्शिता लागू करता है (हेक्साडेसिमल में 80, 128 या करीब 50% पारदर्शिता). चार्ट में दिख रहे टेबल सेल के बैकग्राउंड पर ध्यान दें. |
|
रंगों की जानकारी देने के लिए, हेक्साडेसिमल वैल्यू वाली छह वर्णों वाली स्ट्रिंग का इस्तेमाल करें. साथ ही, RRGGBB[AA]
फ़ॉर्मैट में दो वैकल्पिक पारदर्शिता वैल्यू भी इस्तेमाल करें.
उदाहरण के लिए:
FF0000
= लाल00FF00
= हरा0000FF
= नीला000000
= कालाFFFFFF
= सफ़ेद
AA
एक वैकल्पिक ट्रांसपेरेंसी वैल्यू है, जहां 00
पूरी तरह से
पारदर्शी और FF
पूरी तरह से ओपेक होता है. उदाहरण के लिए:
0000FFFF
= गहरा नीला0000FF66
= पारदर्शी नीला