このページでは、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(要素の場合) |
layout: tile ダッシュボードと layout: static ダッシュボードの要素の高さを tile_size 単位で定義します |
|
width(要素の場合) |
layout: tile ダッシュボードと layout: static ダッシュボードの要素の幅を tile_size 単位で定義します |
|
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 のダッシュボード要素の本文テキストを指定します |
|
基本パラメータ
type: text の LookML ダッシュボード要素を定義する場合は、少なくとも 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 パラメータは、layout: tile ダッシュボードと layout: static ダッシュボードの要素の高さを tile_size 単位(ピクセル単位で定義)で定義します。
たとえば、次のコードでは 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 ダッシュボードの要素の高さを row 単位で定義します。
新聞レイアウトのダッシュボードでは、要素の高さはデフォルトで 6 行(約 300 ピクセル)になります。preferred viewer パラメータが dashboards-next に設定されているダッシュボードの最小の高さは 1 行です。最小の高さは、preferred viewer パラメータが dashboards に設定されているダッシュボードの場合、2 行です。
たとえば、次のコードでは、要素を 12 行の高さに設定します。これは、デフォルトに設定されている他の要素の 2 倍の高さです。
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
height: 12
...
width
このセクションでは、ダッシュボード要素の一部である
widthパラメータについて説明します。
widthは、ダッシュボード パラメータのドキュメント ページで説明されているように、ダッシュボードの一部としても使用できます。
width パラメータは、layout: tile ダッシュボードと layout: static ダッシュボードの要素の幅を tile_size 単位で定義します。
たとえば、次のコードでは 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 パラメータは、layout: static ダッシュボードの要素の上から下の位置を tile_size 単位で定義します。
たとえば、次のコードでは tile_size: 100 と top: 4 を指定し、orders_by_date 要素の上端をダッシュボードの上端から 400 ピクセル離して配置しています。
- dashboard: sales_overview
tile_size: 100
...
elements:
- name: orders_by_date
top: 4
...
left
left パラメータは、layout: static ダッシュボードの要素の左から右への位置を tile_size 単位で定義します。
たとえば、次のコードでは 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 ピクセルです。
たとえば、次のコードは、要素がデフォルトの高さで設定されていると仮定して、ダッシュボードの 2 行目の要素に設定される要素を設定します。
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
row: 6
...
col
layout: newspaper ダッシュボードの場合、col パラメータは要素の左端が配置される列を定義します。
ダッシュボードは 24 列に分割されます。ダッシュボードは、ダッシュボードの左側の列 0 から始まります。新聞レイアウトのダッシュボードでは、要素の幅はデフォルトで 8 列になります。つまり、ダッシュボードの左側にあるダッシュボード要素(col: 0)は、デフォルトで 0 ~ 7 列を占有します。
たとえば、次のコードでは、ダッシュボードの 3 列目の要素に設定される要素を設定します。
- dashboard: sales_overview
layout: newspaper
...
elements:
- name: orders_by_date
col: 16
...
テキスト パラメータ
Looker UI の [テキスト] オプションで作成されたテキスト タイルから生成されたダッシュボード LookML では、
title_textパラメータまたはsubtitle_textパラメータは使用されません。
このセクションで説明するパラメータを使用すると、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 要素に表示されるテキストを、使用可能な最小のフォントサイズで指定します。このパラメータは、テキスト タイルの最後に表示されます。マークダウン タイルでマークダウンを使用するのドキュメント ページでは、テキストの書式設定や、テキストタイルへのリンクや画像の追加に使用できるマークダウンの概要について説明しています。
body_text: body text