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

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

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

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

data कॉन्फ़िगरेशन, उन डाइमेंशन और मेट्रिक एलिमेंट के बारे में बताता है जिन्हें 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
  }

उदाहरण

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

अगले चरण

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