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:
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.
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.
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.