KPI の作成

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

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

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

KPI ビジュアライゼーションを作成したら、詳細編集モードでスタイルや他の設定を調整できます。 スタイル指定に関する情報については、KPI のスタイル指定 を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、ビジュアライゼーションのスタイルの変更 を参照してください。

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

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

KPI のスタイル指定

[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。

チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。

各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

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

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

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

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

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

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

次の手順を実行します。

1. 高度な編集モードでシートを開きます。

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

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

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

   • タイトル

   • サブタイトル

   • 脚注

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

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

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

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

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

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

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

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

次の手順を実行します。

1. 高度な編集モードでシートを開きます。

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

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

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

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

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

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

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

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

次の手順を実行します。

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

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

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

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

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

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

背景のカスタマイズ

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

次の手順を実行します。

1. [詳細オプション] をクリックします。

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

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

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

   情報メモ

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

   詳細については、「CSP エントリの作成」を参照してください。

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

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

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

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

次の手順を実行します。

1. [詳細オプション] をクリックします。

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

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

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

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

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

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

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

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

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

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

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

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

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

詳しくは、KPI の条件付きの色を参照してください。

次の手順を実行します。

1. KPI ビジュアライゼーションを選択し、詳細編集モードでプロパティ パネルに切り替えます。

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

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

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

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

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

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

別のシートへのリンク

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