Single Value Chartの文字サイズを変更する方法

Single Value Chartでは、Lookerにより文字サイズが自動調整されます。

同じダッシュボード上に他にもSinlge Value Cahrtのtileが複数ある場合は、自動的に同じフォントサイズに調整されます。

しかし、自分で文字サイズを変更したい場合もあると思います。

この記事では、Single Value Chartで文字サイズを手動で変更する方法について記載します。

1. Look MLで文字サイズを指定する

LookMLにて、フィールドを定義する際にhtml: パラメーターを使用して文字サイズを指定することができます。

この方法はSingle Value Chartのみでなく、他のvisualization typeにも適用することができます。

measure: aaa{ 

html: <p style="font-size:30px"> {{value}} </p> ;; 

type: sum

sql: ${TABLE}.aaa ;;

}

html:パラメーターでは、文字サイズの変更だけでなく、HTMLの表現を使用してさまざまなformattingができます。詳細はこちらのドキュメントをご覧ください。

 

2. Multiple Value Chartを使用する

Single Value ChartではなくMultiple Value Chartという他のVisualization typeを使用して、Single Value Chartのように見せつつ文字サイズを変更する方法です。

Multiple Value Chartは通常、一つのtile上で複数のフィールドのあら値を比較するために使用するものですが、フィールドが1つであっても動作します。

また、通常のdimension/measureだけでなくCustom Fieldsにも適用できます。

手順

  1. Visualizationタブの「・・・」メニューより、Multiple Value を選択します。
  2. Visualizationタブの設定アイコン>Style>Font Sizeよりフォントサイズを変更することができます。
0f362415-2fc9-47f2-bbcc-43526fffa44e.png


 

3 0 443