本頁說明如何使用 dashboard.lkml 檔案中的 LookML 資訊主頁參數,新增及自訂 type: text 的 LookML 資訊主頁元素。
如要瞭解如何透過 Looker UI 在資訊主頁中新增文字,請參閱「建立使用者定義的資訊主頁」說明文件頁面。
應用實例
## BASIC PARAMETERS
name: element_name
type: text
height: N
width: N
top: N
left: N
row: N
col: N
## TEXT PARAMETERS
title_text: title text
subtitle_text: subtitle text
body_text: body text
參數定義
| 參數名稱 | 說明 | |
|---|---|---|
| 基本參數 | ||
name (適用於元素) |
建立元素 | |
type (適用於元素) |
決定要在元素中使用的圖表類型 | |
height (適用於元素) |
定義 tile_size 單位中 layout: tile 和 layout: static 資訊主頁的元素高度 |
|
width (適用於元素) |
以 tile_size 為單位,定義 layout: tile 和 layout: static 資訊主頁中元素的寬度 |
|
top |
定義 layout: static 資訊主頁中,元素從上到下的位置 (以 tile_size 為單位) |
|
left |
定義 layout: static 資訊主頁中元素從左到右的位置,單位為 tile_size |
|
row |
定義 layout: newspaper 資訊主頁中元素的上下位置 (以列為單位) |
|
col |
定義 layout: newspaper 資訊主頁中元素的左右位置 (以欄為單位) |
|
| 文字參數 | ||
title_text |
指定 type: text 資訊主頁元素的標題 |
|
subtitle_text |
指定 type: text 資訊主頁元素的子標題 |
|
body_text |
指定 type: text 資訊主頁元素的內文 |
|
基本參數
定義 LookML 資訊主頁元素 type: text 時,您必須至少為 name 和 type 參數指定值。
name
本節是指屬於資訊主頁元素的
name參數。
name也可做為資訊主頁篩選器的一部分,詳情請參閱「資訊主頁參數」說明文件頁面。
每個 name 宣告都會建立新的資訊主頁元素,並指派名稱。元素名稱不得重複。使用 layout: grid 資訊主頁時,有時會在 elements 參數中參照名稱。
- name: orders_by_date
type
本節是指屬於資訊主頁元素的
type參數。
type也可做為資訊主頁篩選器的一部分,詳情請參閱「資訊主頁參數」說明文件頁面。
type也可做為聯結的一部分,詳情請參閱type(適用於聯結) 參數說明文件頁面。
type也可做為維度的一部分,詳情請參閱「維度、篩選器和參數類型」說明文件頁面。
type也可以做為測量值的一部分,詳情請參閱「測量類型」說明文件頁面。
type 參數會決定元素中使用的圖表類型。
- name: element_name
type: text | looker_grid | table | single_value | looker_single_record |
looker_column | looker_bar | looker_scatter | looker_line | looker_area |
looker_pie | looker_donut_multiples | looker_funnel | looker_timeline |
looker_map | looker_google_map | looker_geo_coordinates | looker_geo_choropleth | looker_waterfall | looker_wordcloud | looker_boxplot
如要瞭解不同類型的 LookML 資訊主頁元素,請參閱 type (適用於 LookML 資訊主頁) 說明文件頁面。
height
本節是指屬於資訊主頁元素的
height參數。
height也可做為資訊主頁列的一部分,詳情請參閱「資訊主頁參數」說明文件頁面。
適用於 tile 或 static 版面配置的資訊主頁
height 參數會以 tile_size 為單位 (以像素為單位定義),定義 layout: tile 和 layout: static 資訊主頁的元素高度。
舉例來說,下列程式碼會指定 tile_size: 100 和 height: 4,使 orders_by_date 元素的高度為 400 像素。
- dashboard: sales_overview
tile_size: 100
...
elements:
- name: orders_by_date
height: 4
...
適用於 newspaper 版面配置的資訊主頁
height 參數會定義 layout: newspaper 資訊主頁中元素的列高度。
採用報紙版面配置的資訊主頁預設元素高度為 6 列,約 300 像素。如果資訊主頁的 preferred viewer 參數設為 dashboards-next,則最低高度為 1 個資料列。如果資訊主頁的 preferred viewer 參數設為 dashboards,則最低高度為 2 列。
舉例來說,以下程式碼會將元素設為 12 列高,或是設為預設值的其他元素高度的兩倍:
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
height: 12
...
width
本節是指屬於資訊主頁元素的
width參數。
width也可做為資訊主頁的一部分,詳情請參閱「資訊主頁參數」說明文件頁面。
width 參數會以 tile_size 為單位,定義 layout: tile 和 layout: static 資訊主頁中元素的寬度。
舉例來說,下列程式碼會指定 tile_size: 100 和 width: 4,讓 orders_by_date 元素的寬度為 400 像素。
- dashboard: sales_overview
tile_size: 100
...
elements:
- name: orders_by_date
width: 4
...
width 參數會定義 layout: newspaper 資訊主頁中元素的寬度 (以欄為單位)。
採用報紙版面配置的資訊主頁預設寬度為 24 欄。
舉例來說,下列程式碼會將元素設為資訊主頁寬度的一半:
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
width: 12
...
top
top 參數會以 tile_size 為單位,定義 layout: static 資訊主頁中元素的上下位置。
舉例來說,下列程式碼會指定 tile_size: 100 和 top: 4,將 orders_by_date 元素的頂端邊緣放置在距離資訊主頁頂端 400 像素的位置。
- dashboard: sales_overview
tile_size: 100
...
elements:
- name: orders_by_date
top: 4
...
left
left 參數會以 tile_size 為單位,定義 layout: static 資訊主頁中元素的左右位置。
舉例來說,下列程式碼會指定 tile_size: 100 和 left: 4,將 orders_by_date 元素的左側邊緣放置在距離資訊主頁左側 400 像素的位置。
- dashboard: sales_overview
tile_size: 100
...
elements:
- name: orders_by_date
left: 4
...
row
如果是 layout: newspaper 資訊主頁,row 參數會定義元素頂端邊緣所在的資料列。
資訊主頁的第 0 列位於頂端,採用報紙版面配置的資訊主頁預設元素高度為 6 列,也就是說,資訊主頁頂端的資訊主頁元素 (row: 0) 預設會佔用第 0 到第 5 列。
每列的高度為 50 像素,因此 6 列的預設元素高度為 300 像素。
舉例來說,假設元素設為預設高度,以下程式碼會將元素設為資訊主頁的第二列元素:
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
row: 6
...
col
如果是 layout: newspaper 資訊主頁,col 參數會定義元素左側邊緣所在的欄。
資訊主頁會分成 24 欄,資訊主頁的左側是第 0 欄。採用報紙版面配置的資訊主頁預設元素寬度為 8 欄,也就是說,資訊主頁左側的資訊主頁元素 (col: 0) 預設會佔用第 0 到第 7 欄。
舉例來說,下列程式碼會將元素設為資訊主頁中第三欄的元素:
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
col: 16
...
文字參數
透過 Looker UI 中的「文字」選項建立文字動態磚時,系統不會使用
title_text或subtitle_text參數產生資訊主頁 LookML。
本節所述參數可用於將內容新增至 type: text 的 LookML 資訊主頁元素。
title_text
title_text 參數會指定顯示在 type: text 元素上的文字,並盡可能使用最大字型。顯示在圖塊頂端。
title_text: title text
subtitle_text
subtitle_text 參數會指定 type: text 元素上顯示的文字,並採用可用的中等字型大小。如果 title_text 存在,subtitle_text 會顯示在下方。
subtitle_text: subtitle text
body_text
body_text 參數會指定 type: text 元素上顯示的文字,並採用最小的可用字型大小。這個參數會顯示在文字圖塊的最後。「在 Markdown 圖塊中使用 Markdown」說明文件頁面簡要介紹了 Markdown,可用於設定文字格式,或在文字圖塊中新增連結和圖片。
body_text: body text