ভিজ্যুয়ালাইজেশন কনফিগারেশন সংজ্ঞায়িত করা

দ্রষ্টব্য: কমিউনিটি ভিজ্যুয়ালাইজেশন বৈশিষ্ট্যটি "ডেভেলপার প্রিভিউ"-এ রয়েছে। এই সময়ের মধ্যে আসন্ন বৈশিষ্ট্য এবং উন্নতি সম্পর্কে আরও জানতে ডেভেলপার প্রিভিউ পৃষ্ঠাটি দেখুন।

কমিউনিটি ভিজ্যুয়ালাইজেশনের জন্য ডেটা এবং স্টাইল বিকল্পগুলি একটি কনফিগার JSON-এ সংজ্ঞায়িত করা হয়। data কনফিগারেশন ভিজ্যুয়ালাইজেশন সমর্থন করে এমন মাত্রা এবং মেট্রিক্সের সংখ্যা নির্ধারণ করে। style কনফিগারেশন প্রপার্টি প্যানেলে উপলব্ধ স্টাইল নির্বাচকদের সংজ্ঞায়িত করে।

ডেটা কনফিগারেশন

data কনফিগারেশনটি লুকার স্টুডিও প্রপার্টি প্যানেলে যে DIMENSION এবং METRIC উপাদানগুলি রেন্ডার করে তা সংজ্ঞায়িত করে। প্রতিটি উপাদান ডাইমেনশন এবং উপাদান ক্ষেত্রগুলির সাথে সঙ্গতিপূর্ণ যা শেষ ব্যবহারকারী ভিজ্যুয়ালাইজেশনের জন্য ইনপুট হিসাবে প্রদান করে।

নমুনা ডেটা উপাদান:

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

ডেটা এলিমেন্টে আপনি id সংজ্ঞায়িত করেন তা লুকার স্টুডিওর তথ্যের মধ্যে অন্তর্ভুক্ত থাকে যা ব্যবহারকারীরা ডেটা বিভাগের উপরে যে label দেখেন তা নির্ধারণ করে এবং type নির্ধারণ করে যে এটি একটি মাত্রা নাকি মেট্রিক। options অবজেক্টটি একজন ব্যবহারকারী ডেটা এলিমেন্টে সর্বনিম্ন এবং সর্বাধিক কতগুলি ফিল্ড যোগ করতে পারবেন তা নির্ধারণ করে।

একটি DIMENSION ডেটা এলিমেন্টে, options অবজেক্ট একটি ঐচ্ছিক supportedTypes কী সমর্থন করে। যদি সংজ্ঞায়িত করা হয়, তাহলে Looker Studio এলিমেন্টে যোগ করা যেতে পারে এমন মাত্রা ক্ষেত্রগুলির ধরণ সীমাবদ্ধ করে। supportedTypes এর মান হল একটি অ্যারে যাতে "DEFAULT", "TIME" এবং "GEO" এর যেকোনো সমন্বয় থাকতে পারে।

একটি ডেটা বিভাগ একাধিক ডেটা উপাদানকে একত্রিত করে। লুকার স্টুডিও একাধিক ডেটা উপাদানের শিরোনাম হিসেবে label রেন্ডার করে।

নমুনা তথ্য বিভাগ:

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

এই স্ক্রিনশটটি দেখায় কিভাবে লুকার স্টুডিও উপরের ডেটা বিভাগ এবং ডেটা উপাদান রেন্ডার করে:

স্টাইল কনফিগারেশন

স্টাইল কনফিগারেশনটি প্রপার্টি প্যানেলে রেন্ডার করা স্টাইল নির্বাচকদের সংজ্ঞায়িত করে।

একটি নমুনা শৈলী উপাদান:

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

label ব্যবহারকারীদের টুলটিপ হিসেবে যে টেক্সট দেখায় তা সংজ্ঞায়িত করে এবং type লুকার স্টুডিও যে ধরণের স্টাইল সিলেক্টর রেন্ডার করে তা সংজ্ঞায়িত করে। ঐচ্ছিকভাবে, defaultValue প্রতিটি স্টাইল এলিমেন্টের জন্য একটি ডিফল্ট মান সংজ্ঞায়িত করে।

ডেটা এলিমেন্টের মতোই, স্টাইল এলিমেন্টগুলি সেকশনের ভেতরে সংজ্ঞায়িত করা হয়, যা হেডিং এবং লজিক্যাল গ্রুপিং প্রদান করে। উপলব্ধ সিলেক্টরের সম্পূর্ণ তালিকা দেখতে, কনফিগারেশন রেফারেন্স দেখুন।

একটি নমুনা শৈলী বিভাগ:

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

নিচের স্ক্রিনশটটিতে একটি অস্বচ্ছতা নির্বাচক সহ একটি স্টাইল প্যানেলের উদাহরণ দেখানো হয়েছে, যেখানে স্টাইল উপাদানের label সাথে সম্পর্কিত "লিঙ্ক অস্বচ্ছতা" টুলটিপ রয়েছে।

ইন্টারঅ্যাকশন কনফিগারেশন

একটি কমিউনিটি ভিজ্যুয়ালাইজেশনের জন্য চার্ট ইন্টারঅ্যাকশন কীভাবে কাজ করে তা interaction কনফিগারেশন নির্ধারণ করে। এটি ঐচ্ছিক।

উদাহরণ:

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

বর্তমানে, শুধুমাত্র FILTER সমর্থিত। আপনি যদি ইন্টারঅ্যাকশন কনফিগার করেন, তাহলে প্রপার্টি প্যানেলে একটি চেকবক্স দেখাবে।

বৈশিষ্ট্য কনফিগারেশন

features কনফিগারেশন আপনার কমিউনিটি ভিজ্যুয়ালাইজেশনের বিভিন্ন বৈশিষ্ট্য চালু বা বন্ধ করতে পারে। এই বিভাগটি ঐচ্ছিক। বৈশিষ্ট্যগুলির একটি তালিকা কনফিগারেশন রেফারেন্সে পাওয়া যাবে।

উদাহরণ:

  "features": {
    "enableComparisonDateRange": true
  }

উদাহরণ

ভিজ্যুয়ালাইজেশন কনফিগারেশনের একটি উদাহরণ দেখতে, নমুনা কনফিগারেশন দেখুন।

পরবর্তী পদক্ষেপ

একবার আপনার কনফিগারেশন সংজ্ঞায়িত হয়ে গেলে, ভিজ্যুয়ালাইজেশন লিখুন ।