LookML 資訊主頁的文字圖塊參數

本頁說明如何使用 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: tilelayout: static 資訊主頁的元素高度
width (適用於元素) tile_size 為單位,定義 layout: tilelayout: 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 時,您必須至少為 nametype 參數指定值。

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 也可做為資訊主頁列的一部分,詳情請參閱「資訊主頁參數」說明文件頁面。

適用於 tilestatic 版面配置的資訊主頁

height 參數會以 tile_size 為單位 (以像素為單位定義),定義 layout: tilelayout: static 資訊主頁的元素高度。

舉例來說,下列程式碼會指定 tile_size: 100height: 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: tilelayout: static 資訊主頁中元素的寬度。

舉例來說,下列程式碼會指定 tile_size: 100width: 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: 100top: 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: 100left: 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_textsubtitle_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