​
MetricsGrid

MetricsGridコンポーネントは、Python関数やSQLファイルの実行結果の各行を、Metricsコンポーネントで表示します。

表示はグリッド形式です。

<MetricsGrid 
  alias="aggregate_py" 
  variables={{
    department
  }}
  cols="3"
  valueKey="amount" 
  labelKey="name" 
/>

​
プロパティ

alias
string
required

Python関数やSQLファイルの name

varialbes
{ [key: string]: Variable }

Python関数やSQLファイルに渡す変数。 variable()関数 を使って宣言してください。

valueKey
string

値を表示するカラム名

labelKey
string

値の上部に表示される文字列をデータの中から取得したい場合、そのカラム名

label
string

値の上部に表示される文字列

unit
string

値の右部に表示される文字列

​
Metrics

Metricsコンポーネントは、Python関数やSQLファイルの実行結果のうち、1行目の特定の列の値を表示します。

<Metrics 
  alias="aggregate_py"
  variables={{
    department
  }}
  valueKey="amount" 
  unit="USD"
  label="Total Sales"
/>

​
プロパティ

alias
string
required

Python関数やSQLファイルの name

varialbes
{ [key: string]: Variable }

Python関数やSQLファイルに渡す変数。 variable()関数 を使って宣言してください。

valueKey
string

値を表示するカラム名

label
string

値の上部に表示される文字列

unit
string

値の右部に表示される文字列

<Embed />変数を使う (variable関数)