縦棒グラフによるチャート化の例

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:7分
  • 縦棒グラフによる視覚化を使用すると、さまざまなカテゴリまたはグループの比較サイズまたは頻度を表示できます (たとえば、異なる地域または異なる期間の売上)。垂直の X 軸には、通常、年または日付範囲、年齢範囲、給与範囲などの数値が表示されます。

    始める前に

    必要なロール:データにアクセスできるユーザーは誰でも、自分が所有するダッシュボードでそのデータの可視化を作成できます。itil、report_user、admin、または viz_creator ロールを持つユーザーは、 可視化デザイナーで可視化を作成できます。可視化デザイナーでビジュアライゼーションを作成すると、ライブラリに保存されます。アクセスの詳細については、「 report_view のアクセス制御プラットフォームアナリティクスのロール」を参照してください。

    このタスクについて

    縦棒グラフの可視化タイプを使用して、さまざまなカテゴリまたはグループを比較し、データセットの分布を明確に表示します。この例では、機能停止をタイプ別に示しています。

    手順

    1. 最初の手順に従って で棒グラフの可視化を作成 可視化デザイナー:
      1. 次のように移動する。 All (すべて) > Platform Analytics (プラットフォームアナリティクス) > ライブラリ > データの可視化.
      2. [新規] を選択します。
      3. 可視化タイプ [垂直バー] ( 垂直バーアイコン) を選択します。
        ワークスペースと可視化デザイナーの選択、および縦棒グラフによる可視化の作成の選択を示すアニメーション
    2. とりあえず、ヘッダーと境界線のセクションをスキップして、データソースに移動できます。
      1. [データソースを追加] を選択します。
      2. 機能停止 [cmdb_ci_outage] テーブルを選択します。
        この表には、さまざまなサービスの機能停止が一覧表示されます。
      3. オプション: [実行] を選択して、可視化の基になるレコードをプレビューします。
      4. [Add this source (このソースを追加)] を選択します。
      選択したデータの現在の値を示す縦棒グラフデータの可視化が 可視化デザイナーに表示されます。可視化は、テーブルの最初のフィールド (アルファベット順) である [開始] によってグループ化されます。これは、時間測定によって分布した機能停止を表示するため便利です。
      縦棒グラフによる可視化用のデータソースの選択を示すアニメーション
    3. 可視化を確認できたので、ユーザーのコンテキストを追加しましょう。
      1. [ヘッダーと境界線] セクションを展開します。
      2. [ Show header ] を選択し、グラフのタイトルを [Outages by type] (タイプ別の機能停止) に入力します。
        [ヘッダーを表示] を選択すると、タイトルと説明を追加できます。チャートのタイトルは、必ずしも可視化の名前と同じである必要はありません。可視化名により、 可視化デザイナー とリストで識別されます。チャートのタイトルが可視化内に表示されます。
      3. 可視化の説明を入力します。 「開始日時別にグループ化され、タイプ別に積み重ねられた CMDB 機能停止」
        説明フィールドとタイトルフィールドは必須ではありませんが、この情報があると、ダッシュボードで可視化を理解しやすくなり、リストで識別しやすくなります。
      4. [保存] を選択し、レポートのタイトルに「垂直バー - CMDB の機能停止」という名前を付けます。
    4. [メトリクス] セクションをスキップします。
    5. [グループ化] セクションで、 [追加 ] を選択して、グラフ内の情報を区別します。
      [タイプ] を選択し、[適用] を選択します。さまざまなタイプの機能停止を区別するために、列に異なる色が表示されるようになりました。
      [タイプ] フィールドがハイライト表示された垂直バーの追加の選択項目
    6. [ソート] で、[ でソート] と [ソート順] を [降順] で維持します。
      これらのオプションは、データを可視化する 1 つの論理的な方法を示しています。ソートオプションを変更して、最適なオプションを見つけてください。
    7. [データの更新] で、対象者が可視化を操作する方法を構成します。
      1. [フィルターに従う] を選択します。
        このオプションを使用すると、可視化は、同じテーブルに基づく、配置されているダッシュボードのインタラクティブフィルターに従うことができます。
      2. [フィルターを表示] アイコンを選択して、可視化に適用されたフィルターの数を表示します。
        たとえば、ダッシュボードフィルターによって可視化の値が制限されると、アイコンは、フィルターに一致するオープンインシデントの数が表示されていることを示します。その後で、どのフィルターが有効になっているかを確認できます。
      3. [ ドリルダウンを有効にする] を選択すると、閲覧者はチャート内のデータポイントを選択して関連情報に移動できるようになります。
        一部の可視化は、関連付けられたデータのリストにのみドリルダウンします。通常、テーブルデータはアクセス制御リスト (ACL) によって制限され、閲覧者には関連するすべてのレコードが表示されない場合があります。

        このコントロールは、[ チャートのインタラクションを許可 (Allow chart interaction)] を反映しています。[チャートインタラクション] で、ドリルダウンの宛先を選択することもできます。

    8. 次の 3 つの方法のいずれかでデータを表示するチャートのバリエーションを選択します。
      積み重ね
      グループ化された要素 (この場合はタイプ) を次のタイプの上に積み重ねて表示します。
      並列表示
      タイプごとに異なるバーを表示します。
      正規化済み
      各グループについて同じ高さの積み上げ棒を表示します。色は合計に対する割合を示します。
      積み重ね 並列表示 正規化済み
      積み上げグラフのバリエーション サイドバイサイドチャートのバリエーション 正規化されたチャートのバリエーション
    9. Y 軸を構成します。
      軸上のテキスト、値の範囲、軸の位置など、いくつかのオプションを指定できます。軸とその値を非表示にして、バーの比較サイズのみを表示する場合は、[ 軸を非表示 ] を選択することもできます。
      1. Y 軸に 「機能停止の数」というタイトルを付けることができますが、この情報は既に可視化のタイトルに含まれているため、空のままにします。
      2. バーの下限と上限の範囲を指定できますが、これらの値はどちらも有用であるため、[ 軸範囲 - 開始 ] と [軸範囲] は 空のままにします。
        大きな From 値が理にかなっている場合もありますが、欠点は、バーの相対的なサイズの精度が低下することです。[終了] の値が空の場合、範囲内の最大値は、可視化内の最大のバーの最大値と同じになります。
      3. [グリッドを表示] オプションと [軸スタイル] オプションは、自分の好みに合わせて調整できる小さな美的変更です。
        この例では、少しきれいになったので [ クリーン ] を選択します。
        Y 軸オプションによる垂直バーの可視化
      4. Max label size を 50 に変更します。
        ラベルは追加の行に折り返されます。[切り捨て] タイプでは、ラベルが折り返されるため、違いはありません。
    10. X 軸を構成します。
      軸上のテキスト、値の範囲、軸の位置など、いくつかのオプションを指定できます。

      X 軸構成は、縦軸のラベルの表示方法を指定します。この例では、比較的短いラベルを使用しています。ただし、ラベルの最大サイズがラベルよりも小さい場合は、ラベル テキストを切り捨てるか折り返すかを選択できます。ラベルの先頭または末尾のテキストを切り捨てることができます。

      1. X 軸に 「CMDB 機能停止」というタイトルを付けることもできますが、この情報は既に可視化のタイトルに含まれているため、空のままにします。
      2. [ラベルを折り返す] を選択します。
        [最大ラベルサイズ] が 0 の場合は、最大のラベルによってサイズが決まるため、ラベルの表示に変化はありません。
    11. 可視化の凡例を構成します。
      凡例は、X 軸の各値の色分けの例を示しています。凡例を表示するかどうか、凡例を配置する場所、表示する量を選択できます。理想的な配置は、ダッシュボード上のコンテナのサイズによって異なります。水平方向のスペースに余裕がある場合は、凡例を左または右に配置します。垂直方向のスペースがもっとある場合は、上または下に配置します。
      1. [ 凡例を表示 ] と [ 凡例値を表示] を選択します。
        [凡例を表示] の値は 、選択したメトリクスに関連付けられた番号を加算します。または、[データ ラベル] セクションの [ データ ラベルの表示 ] を選択して、これらの値をバー自体に配置することもできます。
      2. 凡例を可視化の上に配置します。
        凡例は、可視化の上、下、または右または左に配置することを選択できます。
      3. [中央 水平配置] を選択します。
        開始と終了 凡例を可視化の左または右に移動します。(右から左に読む言語では、開始と終了は右と左です)。
      4. 凡例アイテムの最大幅を変更して、これらの値に十分なスペースを与えます。
      5. 凡例を垂直に展開 すると、凡例に追加の行が提供されるため、ユーザーはデフォルトの 2 行を超えてスクロールする必要がありません。
        この例では、3 つの機能停止タイプに対して必要な行は 1 つだけです。15 または 20 の異なる地域またはアサイン先グループのバーを持つ可視化では、スクロールバーなしで凡例にさらに多くのバーを表示することができます。
    12. ビジュアル化の [デフォルトの 色タイプ] を選択します。
      • デフォルトでは 、UX テーマに関連付けられた色が適用されます。
      • カラーパレット は、同じ色相を使用します (例: 順次 - 青 明から暗)。
        青色パレットが適用されたタイプ別の CMDB 機能停止
      • 固定要素の色 は、ハードウェアインシデントなどの各要素に同じ色を指定します。固定要素の色を使用するすべてのデータ可視化では、同じ要素が同じ色で表示されます。

    タスクの結果

    2 つのフィールドにグループ化された縦棒グラフの可視化が作成されました。可視化のラベル付け、凡例、および範囲も構成しました。