KPI ウィジェット

ManageEngine Analytics Plus は、ダッシュボード内に単一数値のウィジェットとグラフ タイプのウィジェットを追加するためのウィジェット ベースのモデルを提供します。これらは KPI ウィジェットと呼ばれます。

Analytics Plus では、2 種類の KPI ウィジェットが提供されます。

単一数値ウィジェット

単一数値ウィジェットは、単一の数値をフォーマットされたテキストとして表示するために使用されます。ダッシュボードで主要な指標を強調表示するのに役立ちます。主要な指標には、トレンドを強調するための比較指標を添えることもできます。Analytics Plus では現在、比較指標付きとなしの 6 種類の単一数値ウィジェットを提供しています。

 

単一数値ウィジェットを追加する

デザイン編集モードのダッシュボードのツールバーからウィジェット オプションをクリックすると、新しい KPI ウィジェットを追加できます。KPI ウィジェット エディターが表示されます。

データ タブ

[データ] タブには、プライマリ主要パフォーマンス指標とそれをサポートするセカンダリ値を追加するためのオプションがあります。このセクションからウィジェットのタイプと必要なコラムを選択できます。

  1. [ウィジェットの選択]セクションから必要なウィジェット タイプを選択します。マウスオーバーすると表示されるサンプル リンクをクリックすると、サンプル データを含む各テンプレートを表示できます。

  2. [コラムの選択]セクションから必要なコラムを選択します。Analytics Plus では、このセクションで選択されたコラムと関数に基づいて単一の値が表示されます。
    • [データ コラム]ドロップダウンで、ウィジェットに表示するデータ コラムと必要な数学関数を選択します。
    • [グループ化] ドロップダウンで、以前に選択したデータ コラムの値をグループ化するコラムを選択します。

      選択したウィジェット レイアウトに基づいて、KPI ウィジェットを作成するために追加の情報が必要になる場合があります。

  3. [値の表示形式]セクションでは、次のオプションが使用できます。
    • プライマリ値ドロップダウンでは、データ コラムに集計関数を適用できます。計算された値はウィジェットのメイン値 (プライマリ値) として表示されます。
    • セカンダリ値セクションでは、データ コラムに追加関数を適用し、プライマリ関数とともに表示できます。

      たとえば、主要な指標が総売上高である場合、適切なテンプレートを選択することで、主要な値とともに最大売上高と最小売上高を表示することもできます。選択したウィジェット テンプレートに基づいて、プライマリ値とともに最大 2 つのセカンダリ値を表示できます。

  4. 比較指標セクションでは、次のオプションが使用できます。
    • 比較: このオプションでは、比較する値を指定できます。データ コラムの集計または定数値を選択できます。

      上記の例では、最新前回を比較して、現在の月と前の月の成長を比較しています。

Analytics Plus では、書式設定リンクを使用して表示される値をフォーマットすることもできます。コラムの書式を設定する方法については、ここを参照してください。

フィルター タブ

[フィルター] タブでは、コラムをフィルター領域にドロップして適切な値を選択することで、必要に応じてデータをフィルターできます。KPI ウィジェットのフィルタリング機能は、グラフの場合と同じように動作します。

設定タブ

[設定] タブには、ラベル名、フォント、比較指標をカスタマイズしてウィジェットをフォーマットするためのいくつかのオプションがあります。

利用可能なオプションは次のとおりです。

スタイリング

ウィジェット テーマを適用してウィジェットの背景をカスタマイズできます。

  • テーマ: このセクションからウィジェットの背景に必要なテーマを選択します。5 つのプリセット オプションが利用可能です。
  • カスタム:このセクションでは、ウィジェットのテーマとフォント色をカスタマイズできます。

プライマリ値

このセクションでは、表示されるプライマリ値をカスタマイズするためのオプションを提供します。プライマリ値のラベルと表示されるプライマリ値、および両方に使用されるテキスト スタイルを変更できます。

セカンダリ値

このセクションでは、セカンダリ値をカスタマイズするためのオプションを提供します。セカンダリ値のラベルと表示されるセカンダリ値、および両方に使用されるテキスト スタイルを変更できます。

パラメーター化された形式

パラメーター化された形式を使用してプライマリ値とセカンダリ値のラベルをカスタマイズすることもできます。これにより、KPI ウィジェットに動的な値を表示できます。動的ラベルを指定するためにサポートされている形式は次のとおりです。

  • ${ColumnName}.LABEL: これは、選択したコラムと、データ タブでコラムに適用された対応する操作に基づいて生成されるデフォルトのラベルです。
  • ${ColumnName}.VALUE: これにより、選択したコラムに対して指定された操作に対応する値が表示されます。
  • ${OPERATION}: これは、[データ] タブの [値の表示形式] セクションで指定された数学演算を示します。
  • ${PERCENTAGE}: これは値をパーセンテージとして表示し、フル ダイヤル グラフ ウィジェットにのみ適用されます。

比較指標

このセクションから、指標アイコンと表示されるメトリックの色を設定できます。これらの指標は、主要なメトリック値の横に表示されます。以下のオプションが利用できます:

  • アイコン:このセクションでは、使用するアイコンの種類と色を選択できます。
  • : このセクションでは、指標の値に基づいてプライマリ値のフォント色をカスタマイズできます。

次の画像は、KPI ウィジェットを含むサンプル ダッシュボードを示しています。

グラフ型ウィジェット

Analytics Plus のグラフ タイプのウィジェットでは、グラフのビジュアルを使用してデータ メトリックを強調表示できます。これらは実際のグラフとは異なり、単一の値を表示することに重点を置いています。Analytics Plus は現在、3 種類のグラフ ウィジェットをサポートしています。

箇条書きグラフ

箇条書きグラフは、メトリックを強調表示し、それをターゲット値と比較するのに最適です。また、悪い、満足、良いなど、パフォーマンスの質的な範囲を指定することもできます。質的範囲は、単一の色相のさまざまな強度として表示されます。

下の画像は Analytics Plus の箇条書きウィジェットを示しており、箇条書きグラフのさまざまなコンポーネントが赤で強調表示されています。

ダイヤル グラフ

ダイヤル グラフは、特定の範囲内のメトリックの現在の値を示すために使用されます。箇条書きグラフに似ていますが、値がセミ ダイヤル形式で表示されます。ダイヤル グラフを使用してパフォーマンスの定性的な範囲を指定することもできます。

Analytics Plus では、次の種類のダイヤル グラフが利用できます。

シンプル: これは、グラフの範囲、ターゲット、主要なメトリック プロット、およびその値で構成される基本的なダイヤル グラフです。

スピードメーター: スピードメーターは、特定の範囲内での主要なメトリック値の位置を示す指標を備えたダイヤル グラフです。デフォルトでは、スピードメーター内の質的範囲は同じ色合いに従いません。赤、黄、緑の色は、パフォーマンスの範囲を示すのに役立ちます。

条件: 条件付きダイヤル グラフでは、主要なメトリック プロットの色は指定された条件に基づきます。これは、主要なメトリック値をさまざまな定性的なバケットに分類するのに役立ちます。

Analytics Plus では、主要なメトリック プロットのデフォルトの色と、条件が満たされた場合の異なる色を指定できます。たとえば、1 か月間の売上の進捗を測定するために、売上が全体の売上の 25% に達したときと 50% に達したときにさまざまな色を割り当てることができます。売上値が 50% を超えると、デフォルトの色が適用されます。

KPI エディターの [設定] タブから必要なダイヤル グラフを選択できます。詳細についてはここをクリックしてください。

フル ダイヤル グラフ

フル ダイヤル グラフは、フル リングを備えたゲージ グラフです。これはダイヤル グラフに似ていますが、最大範囲の値はフル リングの値として設定されます。

主要メトリックをダイヤルと重ねてプロットしたり、ダイヤルの外側にプロットしたり、ダイヤルの内側にプロットしたりして、フル ダイヤル グラフをカスタマイズできます。

KPI エディターの [設定] タブから必要なフル ダイヤル グラフを選択できます。詳細についてはここをクリックしてください。

グラフ タイプのウィジェットの追加

グラフ タイプの KPI ウィジェットを追加するには、デザイン編集モードで必要なダッシュボードを開き、ツールバーのウィジェット ボタンをクリックします。KPI ウィジェット エディター画面が表示されます。

データ タブ

  1. [データ] タブの [ウィジェットの選択] セクションから必要なグラフ タイプのウィジェットを選択します。

  2. [コラムの選択]セクションから必要なコラムを選択します。
    • データ コラム: ウィジェットに表示するデータ コラムと必要な数学関数を選択します。
    • グループ化: 以前に選択したデータ コラムの値をグループ化するコラムを指定します。

    注記データ コラムグループ化フィールドのコラムが異なるテーブルからのものである場合は、ウィジェット エディターの右上隅にある[ウィジェットで使用されているパスの表示]アイコンをクリックすると、テーブルの結合方法を表示および変更できます。表示されるポップアップから、ルックアップ コラムを変更したり、使用するルックアップ パスを構成したりできます。詳細についてはここをクリックしてください。

  3. メトリック セクションには、ウィジェットのデータをカスタマイズするための次のオプションがあります。
    • : このドロップダウンでは、選択したデータ コラムに対して合計、平均などの高度な集計関数を適用できます。
      • プライマリ値をデータ コラムのパーセンテージとして指定することもできます。パーセンテージを指定するには、[%]ボタンをクリックします。これにより、前述の係数の値が乗算されます。
    • ターゲット:このセクションではターゲットを選択できます。このフィールドには、集計関数を適用するか、定数値を指定することができます。
    • 最大範囲: このセクションを使用してウィジェットの最大範囲を指定できます。このフィールドでは、集計関数を適用するか、定数値を指定するかを選択できます。

Analytics Plus は、KPI ウィジェットにさまざまな書式設定オプションを提供します。ウィジェットをカスタマイズするには、[メトリックの選択]セクションの各コンポーネントの横にある[書式設定]リンクをクリックすると、いくつかの書式設定オプションを含むポップアップが表示されます。これらのオプションは、レポートで使用できる書式設定オプションに似ています。書式設定オプションの詳細については、ここをクリックしてください。

フィルター タブ

[フィルター] タブでは、コラムをフィルター領域にドロップして適切な値を選択することで、必要に応じてデータをフィルターできます。KPI ウィジェットのフィルタリング機能は、グラフの場合と同じように動作します。

[設定]タブ

[設定] タブには、グラフ タイプのウィジェットのさまざまな側面をフォーマットするためのいくつかのオプションがあります。

スタイリング

  • このセクションを使用して、ダイヤル グラフとフル ダイヤル グラフの外観をカスタマイズできます。

    • ダイヤル グラフの場合は、シンプル、スピードメーター、条件付きダイヤル グラフから選択できます。これらのオプションの詳細については、ここをクリックしてください。

    • フル ダイヤル グラフの場合は、複製、内側、外側のフル ダイヤル グラフから選択できます。

  • ウィジェット テーマを適用してウィジェットの背景をカスタマイズすることもできます。
    • テーマ: このセクションからウィジェットの背景に必要なテーマを選択します。5 つのプリセット オプションが利用可能です。
    • カスタム:このセクションでは、ウィジェットのテーマとフォント色をカスタマイズできます。
  • 名前テキスト スタイルのフィールドを使用して、ラベルの名前とフォント スタイルを指定します。

ウィジェット

設定タブのウィジェット セクションでは、次のオプションが使用できます。

  • : このオプションでは、表示される値のフォント スタイルを変更できます。
  • データ コラム: このセクションから、グラフ タイプのウィジェットに表示されるデータの色と帯域幅を変更できます。最大 200 ピクセルの帯域幅が許可されます。
  • ターゲット マーカー: このセクションでは、グラフ タイプ ウィジェットで使用されるターゲット ラインの色、サイズ、タイプをカスタマイズできます。
  • :ダイヤル グラフ ウィジェットで使用される針のタイプ、サイズ、色を変更できます。
  • 方向:このセクションでは、箇条書きグラフ ウィジェットを水平方向にするか垂直方向にするかを指定します。

  • 最小最大ラベルを表示: 最小値と最大値を表示するには、このチェックボックスを選択します。
  • データラベルを表示: グラフ タイプのウィジェット内にデータ値を表示するには、このチェックボックスを選択します。
  • ターゲットラベルを表示: このチェックボックスを選択すると、箇条書きグラフ ウィジェットとダイヤル グラフ ウィジェット内のターゲット ラインの横にターゲット値が表示されます。

範囲は、プライマリ値を強調するためにグラフ タイプのウィジェットの背景に表示される色相です。Analytics Plus では、さまざまな範囲を指定してプライマリ値を視覚的に分類できます。たとえば、異なる色相を使用して、パフォーマンスを[悪い]、[満足]、[良い]に分類できます。これらの範囲の色と帯域幅は、[設定]タブの[範囲]セクションからカスタマイズできます。

[範囲]セクションでは、次のオプションが使用できます。

  • 最大範囲: このセクションを使用して、最大範囲の色と帯域幅を指定します。最大 200 ピクセルの帯域幅が許可されます。
  • 範囲: このセクションのドロップダウンから対応するオプションを選択することで、範囲をパーセンテージまたは値として設定できます。最大 5 つの範囲を設定できます。

必要な構成を指定したら、[適用]をクリックしてグラフ タイプのウィジェットを作成します。以下はダッシュボードに追加されるサンプル ウィジェットです。

KPI ウィジェットに画像とアイコンを追加する

Analytics Plus では、画像やカスタム アイコンを追加してダッシュボード ウィジェットを強化でき、表示される情報の種類に関する視覚的なヒントを提供できます。この機能により、長い説明を必要とせずに情報をより効果的に伝えることができます。画像やアイコンを追加するには、次の手順に従います。

  • [画像の選択] ボタンをクリックして、目的の画像またはアイコンを参照して選択します。
  • ウィジェット レイアウト内に画像を配置するには、左、右、上、下などの希望の位置を選択します。
  • 画像またはアイコンのサイズを調整するには、[画像サイズ]オプションを使用します。利用可能なオプションは次のとおりです。
    • オリジナル画像: 画像またはアイコンを実際のサイズで表示します。
    • ラベル 寸法に基づく: 関連付けられているラベルのサイズに合わせて画像またはアイコンのサイズを変更します。
    • カスタム:画像またはアイコンの希望する寸法を手動で指定できます。

次のオプションを使用して画像をカスタマイズまたは編集することもできます。

  • :アイコンに別の色を設定します。
  • 輝度:視認性を高めるために明るさのレベルを変更します。
  • 対比:コントラストを変更して、詳細をより目立たせます。
  • 透明性: 画像の透明度を設定して、他の要素とシームレスにブレンドします。
  • 形状に合わせて切り抜く:デザインのニーズに合わせて、画像を定義済みの形状に切り抜きます。
  • ストローク:画像の周囲に境界線を追加または調整します。
  • :影の効果を適用して、画像に立体感を与えます。
  • 回転: 画像を希望の角度に回転します。
  • 反転:希望の方向に合わせて画像を水平または垂直に反転します。

画像またはアイコンに加えた変更を元に戻すには、画像エディタの下部にある[デフォルトのスタイルにリセット]リンクをクリックします。

画像付き KPI ウィジェット

Analytics Plus では、画像付きのウィジェット (画像が一部に含まれるウィジェット) を作成できます。ウィジェットで画像では、閲覧者が情報を理解し、種類を区別しやすくなります。

Analytics Plus は、テキストの長さに基づいて画像の位置を自動調整します。必要に応じて画像の位置をカスタマイズすることもできます。

画像付きウィジェットを作成するには、

  • データ テーブルに画像アドレスを含むコラムが必要です。
  • 画像サイズは 200 KB を超えないようにしてください。
  • [コラムの書式設定] メニューの [表示形式] オプションを [画像] に設定する必要があります。

以下のプレゼンテーションでは、画像を使用してウィジェットを作成する方法を示します。

予測機能付き KPI ウィジェット

Analytics Plus では、ダッシュボード ウィジェットに予測値を表示して、現在のデータトレンドに基づいて目標にどれだけ近づいているかをよりよく把握できるようになりました。