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

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

ตัวเลือกข้อมูลและรูปแบบสําหรับการแสดงภาพข้อมูลจากชุมชนจะกําหนดไว้ใน config JSON การกำหนดค่า data จะตั้งค่าจํานวนมิติข้อมูลและเมตริกที่การแสดงภาพรองรับ styleการกำหนดค่าจะกำหนดตัวเลือกสไตล์ ที่ใช้ได้ในแผงพร็อพเพอร์ตี้

การกำหนดค่าข้อมูล

data การกำหนดค่าจะกำหนดองค์ประกอบ DIMENSION และ METRIC ที่ Looker Studio แสดงในแผงคุณสมบัติ แต่ละองค์ประกอบจะสอดคล้องกับมิติข้อมูลและ ฟิลด์องค์ประกอบที่ผู้ใช้ปลายทางระบุเป็นข้อมูลป้อนเข้าในการแสดงภาพ

องค์ประกอบข้อมูลตัวอย่าง

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

id ที่คุณกำหนดในองค์ประกอบข้อมูลจะรวมอยู่ในข้อมูลที่ Data Studio ตอบกลับ label จะกำหนดข้อความที่ผู้ใช้เห็นเหนือส่วนข้อมูล และ type จะกำหนดว่าข้อความนั้นเป็นมิติข้อมูลหรือเมตริก ออบเจ็กต์ options จะกำหนดจำนวนฟิลด์ขั้นต่ำและสูงสุดที่ผู้ใช้เพิ่มลงในองค์ประกอบข้อมูลได้

ในองค์ประกอบข้อมูล DIMENSION options ออบเจ็กต์รองรับคีย์ supportedTypesที่ไม่บังคับ หากกำหนดไว้ Data Studio จะจำกัดประเภทฟิลด์มิติข้อมูลที่เพิ่มลงในองค์ประกอบได้ ค่าของ supportedTypes คืออาร์เรย์ที่มีค่า "DEFAULT", "TIME" และ "GEO" ผสมกันได้

ส่วนข้อมูลจะจัดกลุ่มองค์ประกอบข้อมูลหลายรายการไว้ด้วยกัน Data Studio แสดงผล labelเป็นส่วนหัวขององค์ประกอบข้อมูลหลายรายการ

ส่วนข้อมูลตัวอย่าง

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

ภาพหน้าจอนี้แสดงวิธีที่ Data Studio แสดงผลส่วนข้อมูลและองค์ประกอบข้อมูลด้านบน

การกำหนดค่าสไตล์

การกำหนดค่าสไตล์จะกำหนดตัวเลือกสไตล์ที่แสดงใน แผงพร็อพเพอร์ตี้

ตัวอย่างองค์ประกอบของรูปแบบ

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

label กำหนดข้อความที่ผู้ใช้เห็นเป็นเคล็ดลับเครื่องมือ และ type กำหนด ตัวเลือกรูปแบบที่ Data 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
  }

ตัวอย่าง

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

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

เมื่อกำหนดค่าแล้ว ให้เขียนภาพ