वेन चार्ट

   

इस दस्तावेज़ में, चार्ट एपीआई का इस्तेमाल करके वेन डायग्राम बनाने का तरीका बताया गया है.

विषय सूची

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

वेन डायग्राम, ओवरलैप होने वाले सर्कल वाले चार्ट हैं. इनसे पता चलता है कि अलग-अलग ग्रुप में कितना समानता है. चार्ट में दो या तीन सर्कल वाले वेन डायग्राम को दिखाया जा सकता है. सर्कल के साइज़ और उनके ओवरलैप होने की सीमा तय की जा सकती है.

चार्ट टाइप (cht)

नीचे दिए गए सिंटैक्स के साथ वेन डायग्राम तय करें:

सिंटैक्स

cht=v

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

  • पहली तीन वैल्यू से तीन सर्कल का साइज़ पता चलता है: A, B, और C. सिर्फ़ दो सर्कल वाले चार्ट के लिए, तीसरी वैल्यू के लिए शून्य तय करें.
  • चौथा वैल्यू, A और B के इंटरसेक्शन के साइज़ के बारे में बताती है.
  • पांचवीं वैल्यू, A और C के इंटरसेक्शन के साइज़ के बारे में बताती है. सिर्फ़ दो सर्कल वाले चार्ट के लिए, यहां कोई वैल्यू न दें.
  • छठी वैल्यू, B और C के इंटरसेक्शन का साइज़ तय करती है. सिर्फ़ दो सर्कल वाले चार्ट के लिए, यहां कोई वैल्यू न दें.
  • सातवां वैल्यू, A, B, और C के सामान्य इंटरसेक्शन का साइज़ बताती है. सिर्फ़ दो सर्कल वाले चार्ट के लिए, यहां कोई वैल्यू न दें.

ध्यान दें कि वेन आरेख में, सभी मान समानुपातिक हैं, निरपेक्ष नहीं. इसका मतलब है कि 10,20,30 वैल्यू वाला चार्ट, 1,00,20,300 वैल्यू वाले चार्ट जैसा ही दिखेगा. हालांकि, कोड में बदलने का तरीका उन वैल्यू को स्वीकार करता है.

ब्यौरा उदाहरण

तीन गोले वाला वेन चार्ट.

ओवरलैप करते हुए तीन वृत्तों के साथ वेन डायग्राम, एक वृत्त नीला है और दूसरे हरे हैं
cht=v
chd=t:100,80,60,30,30,30,10

दो सर्कल वाले चार्ट के बारे में बताने के लिए, सर्कल C के लिए शून्य बताएं. साथ ही, ऐसी कोई भी ओवरलैप वैल्यू न बताएं जिसमें C शामिल हो. ओवरलैप करते हुए तीन वृत्तों के साथ वेन डायग्राम, एक वृत्त नीला है और दूसरे हरे हैं
cht=v
chd=t:100,100,0,50

सीरीज़ के रंग chco

chco पैरामीटर का इस्तेमाल करके, सभी सीरीज़, हर सीरीज़ या कुछ सीरीज़ के रंग तय किए जा सकते हैं.

सिंटैक्स

chco=<color_1>,...,<color_n>
<color>
सीरीज़ का रंग, RRGGBB हेक्साडेसिमल फ़ॉर्मैट में. कॉमा से अलग किए गए रंग की वैल्यू जोड़कर, अलग-अलग सीरीज़ के लिए अलग-अलग रंग बताएं. अगर सीरीज़ में मौजूद रंग की तुलना में कम रंग हैं, तो आखिरी रंग को दोहराया जाता है. हालांकि, वेन चार्ट में एक जैसे रंग होने पर, चार्ट को पढ़ना मुश्किल हो सकता है.
ब्यौरा उदाहरण
हर सर्कल के लिए अलग रंग. ओवरलैप करते हुए तीन वृत्तों के साथ वेन डायग्राम, एक वृत्त नीला है और दूसरे हरे हैं
chco=FF6342,ADDE63,63C6DE
अगर सर्कल की तुलना में कम रंग हैं, तो तय किया गया आखिरी रंग दोहराया जाता है. हालांकि, इसकी वजह से चार्ट को पढ़ना मुश्किल हो जाता है.

ओवरलैप करते हुए तीन वृत्तों के साथ वेन डायग्राम, एक वृत्त नीला है और दूसरे हरे हैं
chco=00FF00,0000FF

मानक सुविधाएं

इस पेज पर मौजूद बाकी सुविधाएं, स्टैंडर्ड चार्ट की सुविधाएं हैं.

कलर फ़ॉर्मैट

RRGGBB[AA] फ़ॉर्मैट में, हेक्साडेसिमल वैल्यू की छह वर्णों वाली स्ट्रिंग के साथ-साथ दो वैकल्पिक पारदर्शिता वैल्यू का इस्तेमाल करके रंग तय करें. उदाहरण के लिए:

  • FF0000 = लाल
  • 00FF00 = हरा
  • 0000FF = नीला
  • 000000 = काला
  • FFFFFF = सफ़ेद

AA एक वैकल्पिक पारदर्शिता मान है, जहां 00 पूरी तरह से पारदर्शी है और FF पूरी तरह से अपारदर्शी है. उदाहरण के लिए:

  • 0000FFFF = गहरा नीला
  • 0000FF66 = पारदर्शी नीला

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

चार्ट का टाइटल 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

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

चार्ट लेजेंड टेक्स्ट और स्टाइल chdl, chdlp, chdls [सभी चार्ट]

लेजेंड, चार्ट का एक साइड सेक्शन होता है. इसमें हर सीरीज़ के बारे में छोटा-सा टेक्स्ट ब्यौरा होता है. इस लेजेंड में, हर सीरीज़ से जुड़ा टेक्स्ट तय किया जा सकता है. साथ ही, यह भी तय किया जा सकता है कि चार्ट में यह कहां दिखना चाहिए.

अपने लेजेंड के आस-पास मार्जिन सेट करने का तरीका जानने के लिए, chma भी देखें.

स्ट्रिंग की वैल्यू के बारे में अहम जानकारी: लेबल स्ट्रिंग में, सिर्फ़ ऐसे वर्ण इस्तेमाल किए जा सकते हैं जिनमें यूआरएल का इस्तेमाल नहीं किया जा सकता. सुरक्षित रहने के लिए, आपको ऐसी सभी स्ट्रिंग को यूआरएल-एन्कोड करना चाहिए जिनमें वर्ण सेट 0-9a-zA-Z में न मौजूद वर्ण हों. आपको Google विज़ुअलाइज़ेशन दस्तावेज़ में यूआरएल एन्कोडर मिल सकता है.

सिंटैक्स

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

 

chdl - हर सीरीज़ का टेक्स्ट, जिसे लेजेंड में दिखाया जाना है.

<data_series_label>
लेजेंड एंट्री के लिए टेक्स्ट. हर लेबल, chd कलेक्शन में मौजूद उससे जुड़ी सीरीज़ पर लागू होता है. स्पेस के लिए + के निशान का इस्तेमाल करें. अगर इस पैरामीटर की जानकारी नहीं दी जाती है, तो चार्ट को कोई लेजेंड नहीं मिलेगा. किसी लेबल में लाइन ब्रेक तय करने का कोई तरीका नहीं है. आम तौर पर, लेजेंड आपके लेजेंड के टेक्स्ट को होल्ड करने के लिए बड़ा हो जाएगा. साथ ही, लेजेंड को शामिल करने के लिए चार्ट एरिया छोटा हो जाएगा.

chdlp - [ज़रूरी नहीं] लेजेंड की जगह और उसका क्रम. आपके पास <position> और/या <label_order> तय करने का विकल्प है. अगर दोनों के बारे में जानकारी दी जाती है, तो बार वर्ण का इस्तेमाल करके उन्हें अलग करें. अगर आपको लेजेंड में chdl की खाली लेजेंड एंट्री छोड़नी हैं, तो किसी भी वैल्यू में 's' जोड़ा जा सकता है. उदाहरण: chdlp=bv, chdlp=r, chdlp=bv|r, chdlp=bvs|r

<opt_position>
[ज़रूरी नहीं] चार्ट पर लेजेंड की जगह की जानकारी देता है. लेजेंड और चार्ट के एरिया या इमेज बॉर्डर के बीच अतिरिक्त पैडिंग (जगह) तय करने के लिए, chma पैरामीटर का इस्तेमाल करें. इनमें से कोई एक वैल्यू चुनें:
  • b - चार्ट के नीचे लेजेंड, हॉरिज़ॉन्टल पंक्ति में लेजेंड एंट्री.
  • bv - चार्ट के नीचे लेजेंड, वर्टिकल कॉलम में लेजेंड एंट्री.
  • t - चार्ट में सबसे ऊपर लेजेंड, हॉरिज़ॉन्टल लाइन में लेजेंड एंट्री.
  • tv - चार्ट में सबसे ऊपर लेजेंड, वर्टिकल कॉलम में लेजेंड एंट्री.
  • r - [डिफ़ॉल्ट] चार्ट की दाईं ओर लेजेंड, वर्टिकल कॉलम में लेजेंड एंट्री.
  • l - चार्ट की बाईं ओर लेजेंड, वर्टिकल कॉलम में लेजेंड एंट्री.
<opt_label_order>
[ज़रूरी नहीं] लेजेंड में लेबल को दिखाए जाने का क्रम. इनमें से कोई एक वैल्यू चुनें:
  • l - [वर्टिकल लेजेंड के लिए डिफ़ॉल्ट] chdl को दिए गए क्रम में लेबल दिखाएं.
  • r - chdl के मुताबिक लेबल को उलटा क्रम में दिखाएं. यह लेजेंड, स्टैक किए गए बार चार्ट में काम का होता है. इससे लेजेंड
    को उसी क्रम में दिखाया जाता है जिस क्रम में बार दिखते हैं.
  • a - [हॉरिज़ॉन्टल लेजेंड के लिए डिफ़ॉल्ट] अपने-आप क्रम में लगाने की सुविधा: इसका मतलब है कि कॉन्टेंट को लंबाई के हिसाब से क्रम में लगाया जा सकता है. इसके लिए, सबसे छोटे साइज़ को सबसे पहले, 10 पिक्सल ब्लॉक में मापा जाता है. जब दो एलिमेंट की लंबाई समान हो (10 पिक्सल ब्लॉक में बांटा गया हो), तो सबसे पहले सूची में शामिल एलिमेंट सबसे पहले दिखेगा.
  • 0,1,2... - कस्टम लेबल का क्रम. यह chdl के शून्य-आधारित लेबल इंडेक्स की सूची है, जिसे कॉमा लगाकर अलग किया गया है.

chdls - [ज़रूरी नहीं] लेजेंड के टेक्स्ट का रंग और फ़ॉन्ट साइज़ बताता है.

<color>
लेजेंड टेक्स्ट का रंग, RRGGBB हेक्साडेसिमल फ़ॉर्मैट में.
<size>
लेजेंड टेक्स्ट का पॉइंट साइज़.

 

उदाहरण

ब्यौरा उदाहरण

लेजेंड के दो उदाहरण. लेजेंड के टेक्स्ट को उसी क्रम में डालें जिसमें आपकी डेटा सीरीज़ मौजूद है.

मिलते-जुलते लेजेंड वाला लाल, नीले, और हरे रंग का लाइन चार्ट

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

दो छोटे वृत्तों वाला वेन डायग्राम, जो एक बड़े वृत्त से घिरा हुआ है


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

पहला चार्ट हॉरिज़ॉन्टल लेजेंड एंट्री को दिखाता है (chdlp=t, डिफ़ॉल्ट लेआउट हॉरिज़ॉन्टल है) और दूसरा चार्ट नीचे वर्टिकल लेजेंड एंट्री (chdlp=bv) दिखाता है.

दो छोटे वृत्तों वाला वेन डायग्राम, जो एक बड़े वृत्त से घिरा हुआ है
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


दो छोटे वृत्तों वाला वेन डायग्राम, जो एक बड़े वृत्त से घिरा हुआ है
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

इस उदाहरण में, फ़ॉन्ट का साइज़ बदलने के बारे में बताया गया है.

दो छोटे वृत्तों वाला वेन डायग्राम, जो एक बड़े वृत्त से घिरा हुआ है
chdls=0000CC,14

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

चार्ट के मार्जिन chma [सभी चार्ट]

चार्ट के मार्जिन का साइज़, पिक्सल में तय किया जा सकता है. मार्जिन का हिसाब, बताए गए चार्ट साइज़ (chs) के आधार पर लगाया जाता है. मार्जिन का साइज़ बढ़ाने से चार्ट का कुल साइज़ नहीं बढ़ता, बल्कि ज़रूरत के मुताबिक, चार्ट का एरिया छोटा हो जाता है.

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

चार्ट मार्जिन, लेजेंड एरिया, और चार्ट एरिया

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

अहम जानकारी: अगर बार चार्ट का साइज़ डिफ़ॉल्ट तौर पर तय है, तो चार्ट के एरिया की चौड़ाई को कम नहीं किया जा सकता. आपको chbh का इस्तेमाल करके, ऐसा बार तय करना होगा जो छोटा हो या जिसका साइज़ बदला जा सके.

 

सिंटैक्स

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 पिक्सल से ज़्यादा है, इसलिए दाईं ओर का मार्जिन, चार्ट लेजेंड की चौड़ाई के हिसाब से सेट होता है. साथ ही, यह दूसरे मार्जिन से अलग होता है.

ऐक्सिस लेबल, प्लॉट एरिया के बाहर होते हैं और इसलिए, मार्जिन स्पेस के अंदर बनाए जाते हैं.

लाइन चार्ट, जिसके हर तरफ़ स्लेटी रंग का बैकग्राउंड और मार्जिन हैं.
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 पैरामीटर का इस्तेमाल करके दी जाती है. साथ ही, एक ही चार्ट में अलग-अलग फ़िल टाइप (सॉलिड, स्ट्राइप्स, ग्रेडिएंट) को मिक्स किया जा सकता है. इसके लिए, वैल्यू को पाइप कैरेक्टर ( | ) से अलग किया जा सकता है. चार्ट एरिया, चार्ट के बैकग्राउंड में फ़िल को ओवरराइट करता है.

सॉलिड फ़िल chf [सभी चार्ट]

बैकग्राउंड और/या चार्ट एरिया के लिए सॉलिड फ़िल की जानकारी दी जा सकती है. इसके अलावा, पूरे चार्ट के लिए पारदर्शिता की कोई वैल्यू असाइन की जा सकती है. पाइप वर्ण (|) का इस्तेमाल करके, एक से ज़्यादा फ़ील्ड फ़िल के बारे में बताया जा सकता है. (Maps: सिर्फ़ बैकग्राउंड में इसका इस्तेमाल किया जा सकता है).

सिंटैक्स

chf=<fill_type>,s,<color>|...
<fill_type>
चार्ट का हिस्सा भरा जा रहा है. इनमें से कोई एक वैल्यू डालें:
  • bg - बैकग्राउंड में डेटा भरने की सुविधा
  • c - चार्ट में जगह की जानकारी भरी गई. मैप चार्ट के लिए इसका इस्तेमाल नहीं किया जा सकता.
  • a - पूरे चार्ट (बैकग्राउंड के साथ) को पारदर्शी बनाएं. <color> के पहले छह अंकों को अनदेखा किया जाता है और सिर्फ़ आखिरी दो (पारदर्शिता वैल्यू) पूरे चार्ट और सभी फ़िल पर लागू किए जाते हैं.
  • b<index> - बार सॉलिड फ़िल (सिर्फ़ बार चार्ट के लिए). <index> को बार के सीरीज़ इंडेक्स से बदलें, ताकि उसमें कोई ठोस रंग भरा जा सके. यह इफ़ेक्ट, बार चार्ट में chco को तय करने जैसा ही होता है. उदाहरण के लिए, बार चार्ट की सीरीज़ के रंग देखें.
s
यह साफ़ तौर पर या पारदर्शिता से जुड़ी जानकारी देता है.
<color>
RRGGBB हेक्साडेसिमल फ़ॉर्मैट में भरने वाला रंग. ट्रांसपेरंसी (पारदर्शिता) के लिए, पहले छह अंकों को अनदेखा किया जाता है. हालांकि, इन्हें शामिल करना ज़रूरी है.

 

उदाहरण

ब्यौरा उदाहरण

इस उदाहरण में, चार्ट के बैकग्राउंड को हल्के स्लेटी (EFEFEF) से दिखाया गया है.

काले रंग के एरिया को भरने के साथ लाल रंग का लाइन चार्ट.

chf=bg,s,EFEFEF

यह उदाहरण, चार्ट के बैकग्राउंड को हल्के स्लेटी (EFEFEF) से भर देता है और चार्ट के हिस्से को काले रंग (000000) से भर देता है.

काले रंग के चार्ट एरिया और हल्के स्लेटी रंग के बैकग्राउंड के साथ लाल लाइन चार्ट.

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

इस उदाहरण में, पूरे चार्ट में 50% पारदर्शिता लागू की गई है. हेक्साडेसिमल में 80 का मतलब 128 है या पारदर्शिता 50% है. चार्ट में दिख रहे टेबल सेल के बैकग्राउंड पर ध्यान दें.

नीले रंग के पॉइंट वाला स्कैटर प्लॉट और 50% पारदर्शिता.

chf=a,s,00000080

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

ग्रेडिएंट फ़िल chf [लाइन, बार, Google-ओ-मीटर, रडार, स्कैटर,वेन]

चार्ट एरिया या बैकग्राउंड में एक या ज़्यादा ग्रेडिएंट फ़िल लागू किए जा सकते हैं. ग्रेडिएंट फ़िल, एक रंग से दूसरे रंग में फ़ेड हो जाते हैं. (पाई, Google-ओ-मीटर चार्ट: सिर्फ़ बैकग्राउंड.)

हर ग्रेडिएंट फ़िल एक कोण तय करता है और फिर दो या ज़्यादा रंग किसी खास जगह पर ऐंकर किए जाते हैं. एक ऐंकर से दूसरे पर जाने के दौरान, रंग बदलते रहते हैं. आपके पास अलग-अलग <color_centerpoint> वैल्यू वाले कम से कम दो रंग होने चाहिए, ताकि एक रंग दूसरे में फ़ेड हो जाए. हर अतिरिक्त ग्रेडिएंट <color>,<color_centerpoint> जोड़े से तय किया जाता है.

सिंटैक्स

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<fill_type>
भरा जाने वाला चार्ट एरिया. इनमें से एक:
  • bg - बैकग्राउंड में डेटा भरने की सुविधा
  • c - चार्ट में जगह की जानकारी भरी गई.
  • b<index> - बार ग्रेडिएंट फ़िल (सिर्फ़ बार चार्ट). ग्रेडिएंट को भरने के लिए <index> को बार के सीरीज़ इंडेक्स से बदलें. उदाहरण के लिए, बार चार्ट की सीरीज़ के रंग देखें.
lg
ग्रेडिएंट फ़िल के बारे में बताता है.
<कोण>
ऐसी संख्या जो ग्रेडिएंट का कोण 0 (हॉरिज़ॉन्टल) से 90 (वर्टिकल) तक तय करती है.
<color>
फ़िल का रंग, RRGGBB हेक्साडेसिमल फ़ॉर्मैट में.
<color_centerpoint>
रंग के लिए ऐंकर पॉइंट तय करता है. दूसरे ऐंकर के पास जाने पर, रंग फीका होना शुरू हो जाएगा. वैल्यू की रेंज 0.0 (सबसे नीचे या बाएं किनारे) से 1.0 (ऊपर या दाएं किनारे) तक होती है. इसे <angle> के तय किए गए ऐंगल पर झुकाया जाता है.

 

उदाहरण

ब्यौरा उदाहरण

चार्ट के एरिया में एक हॉरिज़ॉन्टल लीनियर ग्रेडिएंट है, जिसे शून्य डिग्री (0) के कोण के साथ बताया गया है.

पीच (FFE7C6) रंग, जो कि बाईं ओर (रैंक 0.0) और दाईं ओर (जगह 1.0) के बीच में होता है, नीला (76A4FB) होता है.

चार्ट का बैकग्राउंड स्लेटी रंग (EFEFEF) में दिखाया जाता है.

हल्के स्लेटी रंग के बैकग्राउंड के साथ, गहरे स्लेटी रंग का लाइन चार्ट और बाईं से दाईं ओर, सफ़ेद से नीले लीनियर ग्रेडिएंट में चार्ट एरिया

chf=
  c,lg,0,
  FFE7C6,0,
(पीच)
  76A4FB,1
(नीला)

चार्ट के एरिया में एक डायगनल (नीचे बाएं से ऊपर दाईं ओर) लीनियर ग्रेडिएंट है, जिसका कोण पैंतालीस डिग्री (45) है.

पीच (FFE7C6) पहला रंग है. चार्ट के सबसे नीचे बाईं ओर, पीच कलर है.

नीला (6A4FB) बताया गया दूसरा रंग है. चार्ट पर सबसे ऊपर दाईं ओर नीला रंग दिखता है. ध्यान दें कि हम 0.75 के ऑफ़सेट को कैसे तय करते हैं, ताकि सबसे ऊपर दाएं कोने में फ़ेड होकर नीले रंग का पीला दिखे.

चार्ट का बैकग्राउंड स्लेटी रंग (EFEFEF) में दिखाया जाता है.

गहरे स्लेटी रंग का लाइन चार्ट, जिसमें हल्के स्लेटी रंग का बैकग्राउंड है. साथ ही, नीचे बाईं से ऊपर दाईं ओर, सफ़ेद से नीले विकर्णीय रैखिक ग्रेडिएंट में चार्ट एरिया है

chf=
  c,lg,45,
  FFE7C6,0,
(पीच)
  76A4FB,0.75
(नीला)

चार्ट क्षेत्र में एक वर्टिकल (ऊपर से नीचे) लीनियर ग्रेडिएंट होता है, जिसे नब्बे डिग्री (90) के कोण के साथ बताया जाता है.

नीला (76A4FB) पहला रंग है. चार्ट का ऊपरी हिस्सा एकदम नीला है.

पीच (FFE7C6) दूसरा रंग है. चार्ट के नीचे पीच कलर है.

चार्ट का बैकग्राउंड स्लेटी रंग (EFEFEF) में दिखाया जाता है.

गहरे स्लेटी रंग का लाइन चार्ट, जिसमें हल्के स्लेटी रंग का बैकग्राउंड है. साथ ही, नीचे से ऊपर तक सफ़ेद से नीले वर्टिकल लीनियर ग्रेडिएंट में चार्ट एरिया है

chf=
  c,lg,90,
  FFE7C6,0,
(पीच)
  76A4FB,0.5
(नीला)

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

 

धारीदार फ़िल chf [लाइन, बार, Google-o-मीटर, रडार, स्कैटर, वेन]

अपने चार्ट एरिया या पूरे चार्ट के लिए, धारीदार बैकग्राउंड फ़िल तय किया जा सकता है. (पाई, Google-ओ-मीटर चार्ट: सिर्फ़ बैकग्राउंड.)

सिंटैक्स

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<fill_type>
भरा जाने वाला चार्ट एरिया. इनमें से एक:
  • bg - बैकग्राउंड में डेटा भरने की सुविधा
  • c - चार्ट में जगह की जानकारी भरें
  • b<index> - बार धारीदार फ़िल (सिर्फ़ बार चार्ट के लिए). <index> को बार के सीरीज़ इंडेक्स से बदलें, ताकि उसे धारियों से भरा जा सके. उदाहरण के लिए, बार चार्ट सीरीज़ के रंग देखें.
ls
लीनियर स्ट्राइप फ़िल के बारे में बताता है.
<कोण>
y-ऐक्सिस के हिसाब से सभी धारियों का ऐंगल. वर्टिकल स्ट्राइप्स के लिए 0 या हॉरिज़ॉन्टल स्ट्राइप्स के लिए 90 का इस्तेमाल करें.
<color>
इस धारी का रंग, RRGGBB हेक्साडेसिमल फ़ॉर्मैट में. हर अतिरिक्त पट्टी के लिए <color> और <width> दोहराएं. आपके पास कम से कम दो धारियां होनी चाहिए. चार्ट भर जाने तक, स्ट्राइप्स वैकल्पिक रहते हैं.
<width>
इस स्ट्राइप की चौड़ाई, 0 से 1 तक. यहां 1, चार्ट की पूरी चौड़ाई है. चार्ट भर जाने तक स्ट्राइप्स दोहराए जाते हैं. हर अतिरिक्त पट्टी के लिए <color> और <width> को दोहराएं. आपके पास कम से कम दो धारियां होनी चाहिए. चार्ट भर जाने तक, स्ट्राइप्स वैकल्पिक रहते हैं.

 

उदाहरण

ब्यौरा उदाहरण
  • bg,ls,0 - बैकग्राउंड की धारियों को भरने के लिए y-ऐक्सिस (y-ऐक्सिस) के बीच में शून्य डिग्री के कोण पर धारियां बनाई गई हैं. ये धारियां, चार्ट के बैकग्राउंड के साथ-साथ प्लॉट एरिया को भी भर देती हैं.
  • CCCCCC,0.15 - पहली धारी गहरे स्लेटी रंग की है, जो चार्ट के बराबर 15% चौड़ी है.
  • FFFFFF,0.1 - दूसरी पट्टी सफ़ेद होती है, जो चार्ट के बराबर 10% चौड़ी होती है.
नीले रंग की लाइन चार्ट, जिसमें बाईं से दाईं ओर स्लेटी और सफ़ेद धारियां हैं
chf=
  bg,ls,0,
  CCCCCC,0.15,
  FFFFFF,0.1
  • c,ls,90 - चार्ट में हॉरिज़ॉन्टल पट्टियों वाला एरिया, जो y-ऐक्सिस से नब्बे डिग्री के कोण पर बना है. धारियों से प्लॉट को भर दिया जाता है, लेकिन चार्ट का बैकग्राउंड नहीं दिखाया जाता.
  • 999999,0.25 - पहली धारी गहरे स्लेटी रंग की है, जो चार्ट के बराबर चौड़ी 25% है.
  • CCCCCC,0.25 - पहली धारी की तरह, लेकिन हल्का स्लेटी.
  • FFFFFF,0.25 - पहली धारी के बराबर, लेकिन सफ़ेद.
नीले रंग की लाइन चार्ट, जिसमें गहरे स्लेटी, हल्के स्लेटी, सफ़ेद, और गहरे स्लेटी रंग की धारियां हैं, जो नीचे से ऊपर तक हैं
chf=
  c,ls,90,
  999999,0.25,
  CCCCCC,0.25,
  FFFFFF,0.25

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