การกำหนดการกำหนดค่าการแสดงภาพ

หมายเหตุ: ฟีเจอร์การแสดงภาพข้อมูลจากชุมชนอยู่ใน "ตัวอย่างสำหรับนักพัฒนาซอฟต์แวร์" หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์และการปรับปรุงที่กำลังจะเกิดขึ้นในช่วงระยะเวลานี้ ให้ไปที่หน้าตัวอย่างสำหรับนักพัฒนาซอฟต์แวร์

ระบบจะกำหนดตัวเลือกข้อมูลและสไตล์สำหรับการแสดงภาพข้อมูลจากชุมชนไว้ในการกำหนดค่า 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
  }

ตัวอย่าง

หากต้องการดูตัวอย่างการกำหนดค่าการแสดงภาพ โปรดดูการกำหนดค่าตัวอย่าง

ขั้นตอนถัดไป

เมื่อระบุการกําหนดค่าแล้ว ให้เขียนการแสดงภาพ