KPI（単一値）グラフは、総収益、アクティブ ユーザー数、コンバージョン率などの主要なパフォーマンス指標をハイライト表示し、ビジネス パフォーマンスに関する分析情報を一目で把握できるようにします。KPI グラフでは、目立つプライマリ指標と、スパークライン、進行状況バー、値の比較などのコンテキスト要素を組み合わせることで、トレンドをすばやく特定し、目標に向けた進捗状況を評価して、スキャン可能なダッシュボードと Explore を構築できます。このページでは、Looker で KPI（単一値）グラフを使用およびカスタマイズする方法の概要について説明します。
知っておくべきこと
ダッシュボードに複数の単一値ビジュアリゼーションが表示される場合、各ビジュアリゼーションではデフォルトで同じフォントサイズが使用されます。ただし、タイル値の縮小に合わせて単一値のビジュアリゼーションを行うと、フォントサイズが自動的に変更されます。ビジュアリゼーションのフォントでスペース内の値全体を表示できない場合、値は省略記号（...）によって切り捨てられます。
Smart Single Value Text Size 機能が有効になっている場合、ダッシュボードのタイルに表示される単一値のビジュアリゼーションのフォントは、自動的に指定されたサイズでタイル内に 8 ～ 10 個の文字を表示するようにサイズ変更されます。
KPI（単一の値）グラフのオプション
KPI（単一値）ビジュアリゼーションを使用するには、Explore の [グラフを選択] メニューまたは [グラフを変更] メニューで [KPI（単一値）] オプションを選択します。次に、[構成] パネルの [スタイル] タブを選択して、グラフを編集します。
[スタイル]、[比較]、[書式設定] の各メニューで選択を行い、KPI（単一値）ビジュアリゼーションの外観をカスタマイズできます。
[スタイル] メニュー オプション
[スタイル] メニューには、次のオプションがあります。
カラー コレクション
[Colors Collection] メニューからカラー コレクションを選択します。コレクションを使用すると、テーマに合ったビジュアリゼーションとダッシュボードを一緒に作成できます。Looker に組み込まれている各カラー コレクションすべてのパレットについては、カラー コレクションのドキュメント ページで確認できます。Looker 管理者は、組織用のカスタム カラー コレクションを作成することもできます。
プライマリの値
このセクションの設定では、KPI（単一値）ビジュアリゼーションのプライマリ値を選択できます。これには次のものが含まれます。
- プライマリ シリーズ: Explore からメジャーを選択して、プライマリ シリーズとして設定します。メジャーの値は、[比較] メニューの [比較を表示] 設定がオンになっている場合に比較される値になります。
- プライマリ行: 表示するプライマリ シリーズの行の値を指定します。オプションには、[1st]、[2nd]、[Last]、[Total]（[合計] が有効になっている場合）があります。デフォルトでは [1st] が選択されています。
- 配置: ビジュアリゼーションの値の配置オプションを選択します。オプションには、[左]、[中央]、[右] があります。この設定は、ビジュアリゼーション内のすべての値に適用されます。
Value Color
グラフの値の色を設定するには、[Value Color] セクションのカラーパレットをクリックして、カラー選択ツール メニューを開きます。
- パレットから色を選択するには、カラー選択ツール メニューの [パレット] タブをクリックし、左右の矢印を使用して使用可能なパレットをスクロールします。いずれかのパレットの色をクリックして、色を選択します。
- カスタムカラーを選択するには、パレット選択ツールの [カスタム] タブをクリックし、カラー グラデーションと値スライダーを使用してカスタムカラーを選択するか、RGB 16 進文字列（
#2ca6cdなど）や CSS 色名（mediumblueなど）を入力フィールドに入力します。
Looker は、ハイパーリンクの有無にかかわらず、単一値のビジュアリゼーションに選択した色を使用します。
ニーズに応じて、次の代替手法の使用を検討してください。
- フォントの色を変更して、良い結果と悪い結果を区別する: [比較] メニューで [比較を表示] 設定をオンにして、[変更として表示] オプションを選択します。
- Explore の [データ] ペインなど、特定のフィールドの値のフォントの色をすべての場所で変更する: LookML デベロッパーは、フィールド定義に
htmlパラメータを追加できます。
Value Format
元のディメンションやメジャーとは無関係に、値の形式を指定できます。このフィールドでは Excel 形式の書式設定を使用できます。形式が指定されていない場合、値は基になるディメンションまたはメジャーの形式で表示されます。
MS Excel の完全なガイドでは、ドキュメント内でこれらの形式を指定する方法が説明されています。ただし、現在、Looker では色の書式設定はサポートされていません。
カスタムの書式設定を使用する方法について詳しくは、カスタム書式設定の数値フィールドへの追加のドキュメント ページをご覧ください。
値を自動調整する
[Auto Resize Value] オプションを有効にすると、ダッシュボードのタイル内に表示される単一値のビジュアリゼーションのフォントサイズが自動的に変更されます。フォントは、タイル内に値のうち少なくとも 8 ～ 10 文字分が表示されるようにサイズ変更されます。可視化された文字が特定のサイズで横方向または縦方向にオーバーフローした場合、フォントサイズが段階的に縮小されます。使用できる最小フォントサイズは 14 ピクセルです。最小フォントサイズに達すると、オーバーフローする文字は省略記号（...）で切り捨てられます。使用できる最大フォントサイズは 104 ピクセルです。
この機能を使用している場合、ダッシュボードの単一値のタイルは一貫していないように見えますが、より多くの文字数はより小さなタイルに適しています。
[Admin] > [General Settings] ページで [Smart Single Value Text Size] 設定が有効になっている場合、この設定は適用されません。このビジュアリゼーションごとのコントロールを使用するには、管理者レベルの設定を無効にする必要があります。
Show Title
グラフにタイトルを表示するかどうかを指定できます。保存された Look の場合、デフォルトのタイトルは Look の名前です。[タイトルをオーバーライド] フィールドを使用して別のタイトルを指定することもできます。
Title Override
値とともに表示するタイトルを指定できます。このフィールドは、[タイトルを表示する] がオンになっているときに使用できます。保存済みの Look の場合、このフィールドを空白のままにすると、タイトルはデフォルトで保存済みの Look の名前になります。
Spark グラフを表示する
[スパークグラフを表示] 設定をオンにすると、データ値の変化を示すセカンダリ ビジュアリゼーションが表示されます。この設定をオンにすると、次の設定でサブビジュアリゼーションをカスタマイズできます。
- グラフの種類: 2 番目のビジュアリゼーションとして、[面] グラフまたは [縦棒] グラフを選択します。
- グラフの色: [値の色] 設定と同様に、2 つ目のビジュアリゼーションの色を選択します。
- X 軸を表示: この設定をオンにすると、サブグラフの X 軸の値が表示されます。
- スパークラインのツールチップを表示: ユーザーがスパークラインのデータポイントにカーソルを合わせたときにツールチップが表示されるようにするには、この設定をオンにします。
カスタム ツールチップ
[カスタム ツールチップ] スイッチをクリックすると、プライマリ値のカスタム ツールチップを構成できます。カスタム ツールチップは、Explore のビジュアリゼーション エディタで、UI 設定と Liquid テンプレートをサポートする HTML エディタを組み合わせて構成できます。カスタム ツールチップの詳細
比較メニューのオプション
[Comparison] メニューには、次のオプションがあります。
比較を表示
[比較を表示] 設定をオンにすると、2 番目のフィールドの比較情報を KPI（単一値）ビジュアリゼーションに追加できます。[比較を表示] 設定が有効になっている場合は、[比較] メニューに表示されるスタイル オプションを使用できます。
比較の系列
比較シリーズは、ビジュアリゼーションのプライマリ シリーズの下に表示されます。このセクションの設定では、比較用の 2 番目の値を選択できます。たとえば、次のような値があります。
- 比較シリーズ: Explore からメジャーを選択して、比較シリーズとして設定します。選択したメジャーの値が、メインの値と比較される値になります。
- 比較行: 比較シリーズから表示する行の値を指定します。オプションには、[1st]、[2nd]、[Last]、[Total]（[合計] が有効になっている場合）があります。デフォルトでは [1st] が選択されています。
- 値ラベル: 比較シリーズをビジュアリゼーションで使用する方法を指定できます。オプションは次のとおりです。
- 値として表示: 比較シリーズの値が表示されます。
- 変更として表示: 比較の値が表示されます。メインの系列と比較した変更の種類を示す条件付き書式が適用されます。値の変化が負の場合、三角形は下を向きます。値の変化が正の場合、三角形は上を向きます。デフォルトでは、負の数は赤の三角形で赤で表示し、正の数値は緑の三角形で緑で表示します。これらの色は、[正の値が正しくありません] の設定をオンにすることで切り替えることができます。
- 変化率として表示: 比較シリーズの値が、メインシリーズと比較した変化率とともに表示されます。変化の種類を示す条件付き書式が適用されます。値の変化率が負の場合、三角形は下を向きます。値の変化率が正の場合、三角形は上を向きます。デフォルトでは、負の割合は赤の三角形で赤で表示し、正の割合は緑の三角形で緑で表示します。これらの色は、[正の値が正しくありません] の設定をオンにすることで切り替えることができます。
- 進捗状況の計算: メインのフィールドの値が比較フィールドの値で除算され、その割合が進行状況バーとして表示されます。
- 進捗状況の計算（パーセントを使用）: メイン フィールドの値が比較フィールドの値で除算されます。割合は進行状況バーとして表示され、割合と比較フィールドの値（「$347.8 K の 83%」など）でラベルが付けられます。[ラベルを表示] 設定がオンの場合、進行状況バーに「83% of $347.8 K Monthly target」などの比較フィールドのラベルも表示されます。
- 進行状況バーの幅: グラフ内の進行状況バーの幅を指定できます。オプションには、[全幅] または [コンパクト] があります。
- 進行状況バーの色: 進行状況バーの色は、次の設定でカスタマイズできます。
- ラベルを表示: この設定をオンにすると、比較フィールドのラベルが表示されます。デフォルトでは、ラベルは比較フィールドの名前になります。別のラベルを表示する場合は、[ラベル] フィールドに新しいラベルを入力します。
Value Format
元のディメンションやメジャーとは無関係に、値の形式を指定できます。このフィールドでは Excel 形式の書式設定を使用できます。形式が指定されていない場合、値は基になるディメンションまたはメジャーの形式で表示されます。
MS Excel の完全なガイドでは、ドキュメント内でこれらの形式を指定する方法が説明されています。ただし、現在、Looker では色の書式設定はサポートされていません。
カスタムの書式設定を使用する方法について詳しくは、カスタム書式設定の数値フィールドへの追加のドキュメント ページをご覧ください。
書式設定メニューのオプション
[条件付き書式設定を有効にする] をオンにして、目的の値を指定してビジュアリゼーションを色分けするルールを定義します。
カラー コレクション
コレクションを使用すると、テーマに合ったビジュアリゼーションとダッシュボードを一緒に作成できます。Looker に組み込まれたカラー コレクションはすべて、カラー コレクションのドキュメント ページに表示されます。Looker 管理者は、組織用のカスタム カラー コレクションを作成することもできます。
[Colors Collection] メニューからカラー コレクションを選択できます。各ルールの色見本に対して表示されるパレットは、そのコレクションから作られます。
null 値を 0 として含める
[null 値をゼロとして含める] 設定をオンにすると、Looker は null 値をゼロとして扱います。null 値をゼロとして含めると、計算における数学的なエラーを排除し、可視化におけるギャップを回避して、正確な指標の集計を確保できます。
複数のルール
条件付き書式には複数のルールを設定できます。ルールを追加する手順は次のとおりです。
- ルールを追加するには、[ ルールを追加] をクリックします。
- 複数のルールがある場合、リストの上位にあるルールが下位にあるルールよりも優先されます。ルールの優先度を変更するには、ルールの ドラッグハンドルをクリックし、ルールをリストの上部または下部にドラッグします。
- ルールを削除するには、[ ルールの削除] をクリックします。
形式
ルールごとに、[形式] メニュー オプションを使用して、次のいずれかのルール オプションを選択します。
- between
- 等しい
- より大きい
- 未満
- 次の範囲外
- 等しくない
- null 以外
- null
次に、選択した内容に基づいて、表示されるテキスト フィールドに比較値を入力します。ルールに値を入力するときは、桁区切り記号を使用しないでください。
スタイル
[背景色] や [フォントの色] の横にある色見本をクリックしてカラー選択ツール メニューを開きます。このメニューを使用すると、色を選択またはカスタマイズできます。
- パレットから色を選択するには、カラー選択ツール メニューの [パレット] タブをクリックし、左右の矢印を使用して使用可能なパレットをスクロールします。いずれかのパレットの色をクリックして、色を選択します。
- カスタムカラーを選択するには、パレット選択ツールの [カスタム] タブをクリックし、カラー グラデーションと値スライダーを使用してカスタムカラーを選択するか、RGB 16 進文字列（
#2ca6cdなど）や CSS 色名（mediumblueなど）を入力フィールドに入力します。
関連資料
Looker で KPI（単一値）ビジュアリゼーションを作成する方法を理解したら、次の方法を学習することをおすすめします。
- Explore クエリを Look として保存する。
- ダッシュボードに Explore クエリを追加する。
- 他のユーザーとデータを共有する。