वेन चार्ट

   

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

विषय सूची

परिचय

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

चार्ट टाइप (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-o-meter, रडार, स्कैटर,वेन]

चार्ट एरिया या बैकग्राउंड के लिए, एक या उससे ज़्यादा ग्रेडिएंट फ़िल लागू किए जा सकते हैं. ग्रेडिएंट फ़िल को एक रंग से दूसरे रंग में फ़ेड किया जाता है. (पाई, 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
ग्रेडिएंट फ़िल के बारे में बताता है.
<angle>
ऐसी संख्या जो ग्रेडिएंट के कोण को 0 (हॉरिज़ॉन्टल) से 90 (वर्टिकल) तक तय करती है.
<color>
फ़िल का रंग, RRGGBB के हेक्साडेसिमल फ़ॉर्मैट में.
<color_centerpoint>
रंग के लिए ऐंकर पॉइंट बताता है. इस पॉइंट से रंग फ़ेड होने लगेगा, जैसे कि यह किसी दूसरे ऐंकर के पास पहुंचेगा. वैल्यू की रेंज 0.0 (सबसे नीचे या बायां किनारा) से 1.0 (ऊपर या दायां किनारा) तक होती है. इसे <angle> में बताए गए कोण पर झुकाया जाता है.

 

उदाहरण

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

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

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

चार्ट का बैकग्राउंड स्लेटी (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
लीनियर स्ट्राइप फ़िल के बारे में बताता है.
<angle>
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

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