社群視覺化的資料和樣式選項是在設定 JSON 中定義。data 設定會設定視覺呈現支援的維度和指標數量。style 設定會定義屬性面板中可用的樣式選取器。
資料設定
data 設定會定義 Looker Studio 在屬性面板中轉譯的 DIMENSION 和 METRIC 元素。每個元素都會對應至使用者提供給視覺化的維度和元素欄位。
範例資料元素：
{
"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 相對應的「Link Opacity」工具提示。
互動設定
interaction 設定可定義圖表互動中社群視覺化功能的運作方式。(此為自選設定)。
示例：
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
目前僅支援 FILTER。如果您設定互動，屬性面板中會顯示核取方塊。
功能設定
features 設定可開啟或關閉社群視覺呈現中的各項功能。這個部分為選用項目。您可以在設定參考資料中找到功能清單。
示例：
"features": {
"enableComparisonDateRange": true
}
範例
如要查看視覺化設定範例，請參閱範例設定。
後續步驟
定義設定後，請編寫視覺化內容。