# KPI の作成

KPI ビジュアライゼーションは 1 つまたは 2 つのメジャー値を表示し、業績の追跡に使用されます。

編集中のシートに KPI ビジュアライゼーションを作成できます。

次の手順を実行します。

1. アセット パネルで、 [チャート] を開きます。

2. [ビジュアライゼーション] で、空の KPI チャートをシートにドラッグします。

3. [メジャーを追加] をクリックし、メジャーを選択するか、項目からメジャーを作成します。

KPI ビジュアライゼーションにはメジャーを 2 つまで表示できますが、軸は表示できません。メジャー を 2 つ表示する場合、2 つ目の値は自動的に補助的な値となり、小さなフォント サイズで表示されます。[メジャー] の下にあるプロパティ パネルで、メジャーをドラッグしてそれらの順序を簡単に切り替えることができます。

KPI ビジュアライゼーションを作成したら、プロパティ パネルで外観の調整や他の設定を変更できます。 スタイル指定に関する情報については、[KPI のスタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/KPI/create-kpis.htm#Styling) を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、[ビジュアライゼーションの外観の変更](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm) を参照してください。

既定では、KPI ビジュアライゼーションには以下の設定が使用されます。

* 中央配置。
* テキストの色、黒。
* 背景色、なし。
* 流動レイアウトの動作。
* フォント サイズ、標準。
* タイトル、なし。
* メジャー ラベル、表示。
* 条件付きの色と記号はオフになります。
* シートへのリンク、なし。

ヒント メモアセット パネルでメジャーをダブルクリックするか、ドラッグする場合、KPI ビジュアライゼーションはメジャーを使用しているシートに追加されます。

## KPI のスタイル指定

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [the スタイル指定 icon] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

### テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

KPI では、チャートの次のコンポーネントでテキストのスタイルを指定できます。

* タイトル エリア: チャートのタイトル、サブタイトル、脚注が含まれます。

* チャート エリア: メジャー タイトルとメジャー値が含まれます。

#### タイトル、サブタイトル、脚注のスタイル指定

チャートのタイトル エリアに表示されるテキストをカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   * タイトル

   * サブタイトル

   * 脚注

#### チャート テキストのスタイル指定

KPI チャートに表示されるデータはテキストで構成されます。このテキストの外観は、タイトル エリアとは別にカスタマイズできます。

チャートのテキストの配置を設定できます。テキストの左揃え、中央揃え、右揃えのいずれかを選択します

いくつかのレイアウト動作オプションから選択することもできます。レイアウト動作は、設定されたフォント サイズ、チャート サイズ、テキストの長さに応じて、テキストのサイズをどのように適応させるかを定義します。次のオプションがあります。

* レスポンシブ: チャートのサイズやテキストの長さに基づいてテキスト サイズの調整を適用しながら、フォント サイズを調整できます。調整は、すべてのテキスト コンテンツが KPI に収まるように行われます。

* 流動 (デフォルト): フォント サイズを調整できますが、追加のテキスト サイズ調整はチャート サイズに基づいてのみ適用されます。このテキストの再スケールは、テキストの長さに関係ありません。テキストが長すぎる場合、最後に省略記号が挿入されます。

* 固定: フォント サイズは調整できますが、チャートのサイズやテキストの長さに自動的に適応されることはありません。これらのコンポーネントが変更されても、同じサイズのままとなります。

さらに、KPI の各メジャーのタイトルを表示または非表示にすることや、チャートのテキストのフォント サイズを設定することができます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [チャート] タブに移動します。

4. [配置] で、テキストの配置を設定します。左揃え、中央揃え、右揃えのいずれかを選択します。

5. [レイアウトの動作] で、テキストのサイズをチャートのサイズとテキストの長さに適応させる方法を調整します。各設定の外観は、チャートに設定した [フォント サイズ] に応じて異なります。

6. [表示] で、チャートの各 KPI タイトルの表示または非表示を選択します。

7. [フォント サイズ] で、メジャーのタイトルと値を表示するテキストのサイズを調整します。

さらにカスタマイズ設定を行うには、 [スタイリング モード] を [詳細オプション] に設定すると、各メジャー タイトルとメジャー値を個別にスタイル指定できます。

次の手順を実行します。

1. スタイル パネルの [チャート] タブの [スタイリング モード] で、[詳細オプション] をオンにします。

2. [最初のメジャーのタイトル]で、次の設定を構成します。

   * [タイトルの表示] をオンまたはオフに設定して、メジャーのタイトルを表示または非表示にします。

   * テキストのスタイルを指定します。フォント、強調スタイル、フォント サイズ、色を選択します。

3. [最初のメジャーの値] で、フォント、強調スタイル、フォント サイズを設定します。

4. 上記の手順を繰り返して、 [2 番目のメジャーのタイトル] と [2 番目のメジャーの値」をカスタマイズします。

### 背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   情報メモ

   URL から背景画像を追加するには、その送信元をテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。オリジンを img-src ディレクティブで追加します。これは、管理者によって 管理 アクティビティ センターで実行されます。

   詳細については、「[CSP エントリの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)」を参照してください。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

### 境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

4. 境界線の色を選択します。

5. [角の半径] を調整して、境界線の丸みを制御します。

6. [一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

## 条件付きの色と記号の使用

選択したメジャーの値に応じて、KPI ビジュアライゼーションをさまざまな色やさまざまな記号で表示するように設定できます。条件付きの色と記号はプロパティ パネルで構成できます。

これを行うには、複数の範囲制限を KPI に追加し、パフォーマンスを示すサブセクションを作成します。例えば、次のように表示されるように KPI を設定できます。

* パフォーマンスが強い場合は、緑色でチェック マーク記号が表示されます。

* パフォーマンスが予想を下回った場合は、黄色で注意記号が表示されます。

* パフォーマンスが低い場合は、赤色で X 記号が表示されます。

単一の値を定義するのではなく、数式を使用して範囲制限を設定することもできます。

詳しくは、[KPI の条件付きの色](https://share.vidyard.com/watch/ZCtp8zxuuHtRU8sYCSh5Mr)を参照してください。

次の手順を実行します。

1. KPI ビジュアライゼーションを選択し、プロパティ パネルを開きます。

2. [スタイル] を選択し、[色] を展開します。

3. 必要に応じて、[ライブラリ カラー] をオフにし、[条件付きの色] をオンにします。

4. [限度の追加] をクリックして、新しい制限を作成します。1 つの KPI チャートに複数の制限を追加できます。

5. 制限の値を指定するか、数式エディタを使用して数式を入力します。

6. [値] のカラー バーで、変更する KPI の範囲エリアをクリックします。

7. [色] で、プリセットの色を選択するか、カスタムの色を使用します。必要に応じて [記号] に切り替えて、KPI が指定された制限内に収まったときに表示される記号を選択します。

## 別のシートへのリンク

アプリケーションで KPI ビジュアライゼーションからシートへリンクできます。データ分析を作成してビジュアライゼーションをクリックすると、2 度目のクリックで、事前に設定されたシートに移動します。新しいタブでシートが開きます。the 情報 icon にカーソルを合わせると、シートの名前が表示されます。アイコンは、[プレゼンテーション] で [タイトルの表示] が選択されている場合のみ表示されます。

## ホバー メニューの表示

デフォルトでは、ホバー メニューは KPI ビジュアライゼーションに表示されません。必要に応じて、ホバー メニューを有効にできます。

次の手順を実行します。

1. 編集モードで、KPI ビジュアライゼーションを選択します。

2. プロパティ パネルで、 [スタイル] > [一般] に移動します。

3. [ホバー メニューを表示] をオンにします。

## 詳細を見る

* [KPI](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/KPI/KPI.htm)

* [KPI の解釈](https://help.qlik.com/lnk/Interpreting_KPIs)

関連する学習コンテンツ：

* [KPI の解釈](https://help.qlik.com/lnk/Interpreting_KPIs)