Xác định cấu hình hình ảnh

Các lựa chọn về dữ liệu và kiểu cho hình ảnh dữ liệu cộng đồng được xác định trong một cấu hình JSON. Cấu hình data đặt số lượng phương diện và chỉ số mà hình ảnh trực quan hỗ trợ. Cấu hình style xác định bộ chọn kiểu có sẵn trong bảng thuộc tính.

Cấu hình dữ liệu

Cấu hình data xác định các phần tử DIMENSION và METRIC mà Looker Studio hiển thị trong bảng thuộc tính. Mỗi phần tử tương ứng với các trường phương diện và phần tử mà người dùng cuối cung cấp dưới dạng dữ liệu đầu vào cho hình ảnh trực quan.

Phần tử dữ liệu mẫu:

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

id mà bạn xác định trong phần tử dữ liệu sẽ có trong thông tin mà Looker Studio phản hồi. label xác định văn bản mà người dùng thấy ở phía trên mục dữ liệu, còn type xác định liệu đó là phương diện hay chỉ số. Đối tượng options xác định số lượng trường tối thiểu và tối đa mà người dùng có thể thêm vào phần tử dữ liệu.

Trong phần tử dữ liệu DIMENSION, đối tượng options hỗ trợ khoá supportedTypes không bắt buộc. Nếu được xác định, Looker Studio sẽ ràng buộc loại trường phương diện có thể thêm vào phần tử. Giá trị của supportedTypes là một mảng có thể chứa bất kỳ tổ hợp nào của "DEFAULT", "TIME" và "GEO".

Phần dữ liệu nhóm nhiều phần tử dữ liệu lại với nhau. Looker Studio hiển thị label dưới dạng tiêu đề cho nhiều phần tử dữ liệu.

Phần dữ liệu mẫu:

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

Ảnh chụp màn hình này cho thấy cách Looker Studio hiển thị mục dữ liệu và phần tử dữ liệu ở trên:

Ảnh chụp màn hình về Phần tử dữ liệu trong bảng điều khiển thuộc tính

Cấu hình kiểu

Cấu hình kiểu xác định bộ chọn kiểu được hiển thị trong bảng điều khiển thuộc tính.

Một phần tử kiểu mẫu:

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

label xác định văn bản mà người dùng nhìn thấy dưới dạng chú giải công cụ, còn type xác định loại bộ chọn kiểu mà Looker Studio hiển thị. Không bắt buộc: defaultValue xác định một giá trị mặc định cho mỗi phần tử kiểu.

Tương tự như các phần tử dữ liệu, các phần tử kiểu được xác định bên trong các phần, giúp cung cấp các tiêu đề và nhóm logic. Để xem danh sách đầy đủ các bộ chọn hiện có, hãy xem tài liệu tham khảo về cấu hình.

Phần kiểu mẫu:

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

Ảnh chụp màn hình sau đây cho thấy ví dụ về một bảng điều khiển kiểu có bộ chọn độ mờ, với chú giải công cụ "Link Opacity" (Độ mờ liên kết) tương ứng với label trong phần tử kiểu.

Ảnh chụp màn hình bộ chọn kiểu

Cấu hình tương tác

Cấu hình interaction xác định cách hoạt động của hoạt động tương tác trên biểu đồ đối với hình ảnh cộng đồng. Việc này là không bắt buộc.

Ví dụ:

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

Hiện chúng tôi chỉ hỗ trợ giá trị FILTER. Nếu bạn định cấu hình các lượt tương tác, một hộp đánh dấu sẽ xuất hiện trong bảng thuộc tính.

Ảnh chụp màn hình bộ chọn kiểu

Cấu hình tính năng

Cấu hình features có thể bật hoặc tắt nhiều tính năng trong hình ảnh cộng đồng của bạn. Phần này là không bắt buộc. Bạn có thể xem danh sách tính năng trong tài liệu tham khảo cấu hình.

Ví dụ:

  "features": {
    "enableComparisonDateRange": true
  }

Ví dụ:

Để xem ví dụ về cấu hình hình ảnh, hãy xem cấu hình mẫu.

Các bước tiếp theo

Sau khi bạn xác định cấu hình, hãy viết hình ảnh trực quan.