विज़ुअलाइज़ेशन कॉन्फ़िगरेशन तय करना

ध्यान दें: कम्यूनिटी विज़ुअलाइज़ेशन की सुविधा "डेवलपर के लिए झलक" में है. इस अवधि के दौरान आने वाली सुविधाओं और सुधारों के बारे में ज़्यादा जानने के लिए, डेवलपर प्रीव्यू पेज पर जाएं.

कम्यूनिटी विज़ुअलाइज़ेशन के लिए डेटा और स्टाइल के विकल्प, कॉन्फ़िगरेशन JSON में तय किए जाते हैं. data कॉन्फ़िगरेशन से, विज़ुअलाइज़ेशन में इस्तेमाल किए जा सकने वाले डाइमेंशन और मेट्रिक की संख्या सेट की जाती है. style कॉन्फ़िगरेशन, प्रॉपर्टी पैनल में उपलब्ध स्टाइल सिलेक्टर तय करता है.

डेटा कॉन्फ़िगरेशन

data कॉन्फ़िगरेशन से, DIMENSION और METRIC एलिमेंट तय होते हैं. Looker Studio, प्रॉपर्टी पैनल में इन एलिमेंट को रेंडर करता है. हर एलिमेंट, डाइमेंशन और एलिमेंट फ़ील्ड से जुड़ा होता है. असली उपयोगकर्ता, विज़ुअलाइज़ेशन के लिए इन फ़ील्ड में इनपुट देता है.

डेटा एलिमेंट का सैंपल:

{
  "id": "twoDimensionsPlease",
  "label": "Dimension Element Heading",
  "type": "DIMENSION",
  "options": {
    "min": 2,
    "max": 2,
  }
}

डेटा एलिमेंट में तय किया गया id, Looker Studio की ओर से दी गई जानकारी में शामिल होता है. label से यह तय होता है कि उपयोगकर्ताओं को डेटा सेक्शन के ऊपर कौन-सा टेक्स्ट दिखेगा. वहीं, type से यह तय होता है कि यह डाइमेंशन है या मेट्रिक. options ऑब्जेक्ट, उपयोगकर्ता के लिए डेटा एलिमेंट में जोड़े जा सकने वाले फ़ील्ड की कम से कम और ज़्यादा से ज़्यादा संख्या तय करता है.

DIMENSION डेटा एलिमेंट में, options ऑब्जेक्ट, supportedTypes कुंजी के साथ काम करता है. हालांकि, यह कुंजी ज़रूरी नहीं है. अगर यह तय किया गया है, तो Looker Studio, डाइमेंशन फ़ील्ड के टाइप को सीमित करता है. इससे यह तय होता है कि एलिमेंट में किस तरह के डाइमेंशन फ़ील्ड जोड़े जा सकते हैं. supportedTypes की वैल्यू एक ऐसा कलेक्शन है जिसमें "DEFAULT", "TIME", और "GEO" का कोई भी कॉम्बिनेशन शामिल हो सकता है.

डेटा सेक्शन में, कई डेटा एलिमेंट को एक साथ ग्रुप किया जाता है. Looker Studio, label को कई डेटा एलिमेंट के लिए हेडिंग के तौर पर रेंडर करता है.

सैंपल डेटा सेक्शन:

{
  "id": "dimensionSection1",
  "label": "Dimension Section Heading",
  "elements":[
    // array of data elements
  ]
}

इस स्क्रीनशॉट में दिखाया गया है कि Looker Studio, ऊपर दिए गए डेटा सेक्शन और डेटा एलिमेंट को कैसे रेंडर करता है:

स्टाइल कॉन्फ़िगरेशन

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

स्टाइल एलिमेंट का सैंपल:

{
  "id": "linkOpacity",
  "label": "Link opacity",
  "type": "OPACITY",
  "defaultValue": "0.2"
}

label से, वह टेक्स्ट तय होता है जो उपयोगकर्ताओं को टूलटिप के तौर पर दिखता है. साथ ही, type से यह तय होता है कि Looker Studio किस तरह का स्टाइल सिलेक्टर रेंडर करता है. defaultValue हर स्टाइल एलिमेंट के लिए डिफ़ॉल्ट वैल्यू तय करता है. हालांकि, ऐसा करना ज़रूरी नहीं है.

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

स्टाइल सेक्शन का एक सैंपल:

{
  "id": "styleGroup1",
  "label": "Header for style group",
  "elements": [
    // insert Style Elements here
  ]
}

इस स्क्रीनशॉट में, ओपैसिटी सिलेक्टर वाले स्टाइल पैनल का उदाहरण दिखाया गया है. इसमें स्टाइल एलिमेंट में मौजूद label से जुड़ा टूलटिप "लिंक की ओपैसिटी" दिखाया गया है.

इंटरैक्शन का कॉन्फ़िगरेशन

interaction कॉन्फ़िगरेशन से यह तय होता है कि कम्यूनिटी विज़ुअलाइज़ेशन के लिए चार्ट इंटरैक्शन कैसे काम करते हैं. हालांकि, ऐसा करना ज़रूरी नहीं है.

उदाहरण:

{
  "id": "onClick",
  "supportedActions": ["FILTER"]
}

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

सुविधाओं का कॉन्फ़िगरेशन

features कॉन्फ़िगरेशन की मदद से, कम्यूनिटी विज़ुअलाइज़ेशन में अलग-अलग सुविधाओं को चालू या बंद किया जा सकता है. यह सेक्शन भरना ज़रूरी नहीं है. सुविधाओं की सूची, कॉन्फ़िगरेशन के रेफ़रंस में देखी जा सकती है.

उदाहरण:

  "features": {
    "enableComparisonDateRange": true
  }

उदाहरण

विज़ुअलाइज़ेशन कॉन्फ़िगरेशन का उदाहरण देखने के लिए, सैंपल कॉन्फ़िगरेशन देखें.

अगले चरण

कॉन्फ़िगरेशन तय करने के बाद, विज़ुअलाइज़ेशन लिखें.