---
sourceDocument: Xanadu プラットフォームアナリティクス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/now-intelligence

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu プラットフォームアナリティクス

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# 縦棒グラフによる可視化の例

# 縦棒グラフによる可視化の例 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：7分

縦棒グラフによるチャート化では、異なる地域や異なる期間の売上など、さまざまなカテゴリまたはグループのサイズや頻度の比較を表示できます。縦棒の X 軸には、通常、年または日付範囲、年齢範囲、給与範囲などの数値が表示されます。

## 始める前に

必要なロール：任意の内部ロールを使用して、ダッシュボードからデータの可視化を作成できます。可視化デザイナーで可視化を作成し、可視化を可視化ライブラリに保存するには、viz_creator、viz_admin、または admin ロールが必要です。意味のある可視化を作成するには、レポートするデータにアクセスする権利が必要です。 アクセスの詳細については、「 [report_view のアクセス制御](https://servicenow-prod.fluidtopics.net/HQ8fhBeTMvo6IOhi9R_OdQ "report_view 操作はレポートへのアクセスを制限するレコードタイプのアクセス制御リスト (ACL) です。必要なロールのいずれかを持つユーザーのみが制限付きリソースを含むレポートを表示できます。")」を参照してください。

## このタスクについて

垂直棒グラフによるチャート化タイプを使用すると、さまざまなカテゴリやグループを比較し、データ セットの分布を明確に示すことができます。この例では、機能停止をタイプ別に表示しています。

## 手順

1. 最初の手順に従って [Visualization Designer (可視化デザイナー) での棒グラフによる可視化の作成](https://servicenow-prod.fluidtopics.net/AVNHuW2gIfBWChVmVRTtYw "棒グラフによるチャート化を使用して、その情報が表す値に比例するセグメント内の情報を表示します。縦棒グラフと水平棒グラフの可視化では、名義データまたは順序データを表す数値を比較します。")します。
   1. 移動先 すべてプラットフォームアナリティクスLibrary (ライブラリ)データの可視化.
   2. \[新規\] を選択します。 {#dv-example-v-bar__ph_mdy_zvt_4tb}
   3. 垂直棒グラフ (垂直 ![棒グラフ アイコン]()) の視覚化タイプを選択します。  

   {#dv-example-v-bar__substeps_ang_vmy_5xb}
2. ここでは、ヘッダーと境界線のセクションをスキップして、データソースに移動できます。
   1. \[データソースを追加\] を選択します。
   2. \[機能停止 \[cmdb_ci_outage\] テーブルを選択します。  
      この表には、さまざまなサービスの停止が一覧表示されています。
   3. **オプション:** \[実行\] を選択して、可視化の基になるレコードをプレビューします。
   4. \[Add this source (このソースを追加)\] を選択します。

   {#dv-example-v-bar__substeps_mvy_1wy_5xb}  
   選択したデータの現在の値を含む垂直棒グラフデータの可視化が可視化デザイナーに表示されます。ビジュアリゼーションは、テーブルの最初のフィールド (アルファベット順) \[Begin\] でグループ化されています。これは、時間測定によって分布された機能停止を示すため便利です。  

3. 可視化が確認できたので、ユーザーのコンテキストを追加しましょう。
   1. \[ヘッダーと境界線\] セクションを展開します。
   2. \[ ヘッダーを表示\] を選択し、グラフのタイトルを \[ <kbd class="ph userinput">種類別の機能停止</kbd>\] に指定します。  
      \[ヘッダーを表示\] を選択すると、タイトルと説明を追加できます。チャートのタイトルは、必ずしも可視化の名前と同じである必要はありません。可視化名により、可視化デザイナーおよびリストで可視化が識別されます。チャートのタイトルが可視化内に表示されます。
   3. 可視化の説明として「 <kbd class="ph userinput">CMDB 機能停止が開始日時別にグループ化され、タイプ別に積み重ねられる」</kbd>と入力します。  
      説明フィールドとタイトルフィールドは必須ではありませんが、この情報があると、ダッシュボードで可視化を理解しやすくなり、リストで識別しやすくなります。
   4. \[保存\] を選択し、レポートのタイトルを<kbd class="ph userinput">「垂直棒グラフ - CMDB 停止</kbd>」にします。
   {#dv-example-v-bar__substeps_vhw_xkr_byb}
4. \[メトリクス\] セクションをスキップします。
5. \[ グループ化 \] セクションで、\[ 追加 \] を選択してグラフ内の情報を区別します。  
   \[ タイプ \] を選択し、\[ 適用\] を選択します。機能停止のタイプを区別するために、列に異なる色が表示されるようになりました。  

6. \[ソート\] で、\[ <kbd class="ph userinput">値</kbd> でソート\] と \[降順でソート <kbd class="ph userinput">] を維持します</kbd>。  
   これらのオプションは、データを論理的に視覚化する方法の 1 つを示しています。並べ替えオプションを変更して、最適なものを確認します。
7. \[データの更新\] で、対象者が可視化を操作する方法を構成します。
   1. \[フィルターに従う\] を選択します。  
      このオプションを使用すると、可視化は、同じテーブルに基づく、配置されているダッシュボードのインタラクティブフィルターに従うことができます。 {#dv-example-v-bar__example-data-update-follow-filters}
   {#dv-example-v-bar__example-data-update-follow-filters}
   2. \[フィルターを表示\] アイコンを選択して、可視化に適用されたフィルターの数を表示します。  
      たとえば、ダッシュボードフィルターによって可視化の値が制限されると、アイコンは、フィルターに一致するオープンインシデントの数が表示されていることを示します。その後で、どのフィルターが有効になっているかを確認できます。 {#dv-example-v-bar__example-data-update-show-filter-icon}
   {#dv-example-v-bar__example-data-update-show-filter-icon}
   3. \[ ドリルダウンを有効にする \] を選択すると、閲覧者はグラフ内のデータ ポイントを選択して関連情報に移動できます。  
      一部の可視化は、関連付けられたデータのリストにのみドリルダウンします。通常、テーブルデータはアクセス制御リスト (ACL) によって制限され、閲覧者には関連するすべてのレコードが表示されない場合があります。

      このコントロールは、\[ チャートの相互作用を許可\] を反映しています。\[チャートの相互作用\] で、ドリルダウンの宛先を選択することもできます。
   {#dv-example-v-bar__substeps_etz_sqz_byb} {#dv-example-v-bar__example-data-update-cmd}
8. 次の 3 つの方法のいずれかでデータを表示するグラフのバリエーションを選択します。  

   積み重ね
   :   グループ化された要素 (この場合はタイプ) を 1 つのタイプの上に積み重ねて表示します。

   並列表示
   :   タイプごとに異なるバーを表示します。

   正規化済み
   :   グループごとに同じ高さの棒グラフを積み上げて表示し、色で合計に対する割合を示します。
   {#dv-example-v-bar__simpletable_ocn_sb4_4yb__entry__3}

   | 積み重ね | 並列表示 | 正規化済み |
   |-|-|-|
   |   |   |   |
   [ ]

   {#dv-example-v-bar__simpletable_ocn_sb4_4yb}
9. Y 軸を設定します。  
   軸上のテキスト、値の範囲、軸の位置など、いくつかのオプションを指定できます。軸とその値を非表示にして、バーの比較サイズのみを表示する場合は、\[ 軸を非表示 \] を選択することもできます。
   1. Y 軸に <kbd class="ph userinput">「機能停止の数 (Number of outages)」</kbd>というタイトルを付けることができますが、この情報は既に可視化のタイトルに含まれているため、空のままにしておきます。
   2. バーの下限と上限の範囲を指定できますが、これらの値はどちらも有用であるため、\[ 軸の範囲 - 開始 \] と \[軸の範囲 - \] を空のままにします 。  
      Fromの値を大きくした方が意味をなす場合もありますが、バーの相対的なサイズが不正確になるという欠点があります。\[終了値\] が空の場合、範囲内の最高値は、ビジュアリゼーション内の最大のバーの最高値と同じになります。
   3. \[グリッドの表示\] オプションと \[軸のスタイル\] オプションは、好みに合わせて調整できる小さな外観上の変更です。  
      この例では、少しすっきりしているので \[クリーン \] を選択します。  

   4. \[最大ラベル サイズ\] を <kbd class="ph userinput">50</kbd> に変更します。  
      ラベルは追加の行に折り返されます。切り捨てタイプは、ラベルが折り返されるため、違いはありません。
   {#dv-example-v-bar__substeps_n5s_qcr_3yb}
10. X 軸を設定します。  
    軸上のテキスト、値の範囲、軸の位置など、いくつかのオプションを指定できます。

    X 軸の構成は、縦軸のラベルの表示方法に対応します。この例では、ラベルが比較的短くなっています。ただし、ラベルの最大サイズがラベルよりも小さい場合は、ラベル テキストを切り捨てるか折り返すかを選択できます。ラベルの先頭または末尾のテキストは切り捨てることができます。
    1. X 軸に「 <kbd class="ph userinput">CMDB Outages (CMDB の機能停止</kbd>)」というタイトルを付けることができますが、この情報は既に可視化のタイトルに含まれているため、空のままにしておきます。
    2. \[ラベルを折り返す\] を選択します。  
       \[最大ラベル サイズ\] が 0 の場合は、最大のラベルによってサイズが決まるため、ラベルの表示に変化は見られません。
    {#dv-example-v-bar__substeps_byj_qwj_3yb}
11. 可視化の凡例を構成します。  
    凡例は、X 軸の各値の色分けの例を示しています。凡例を表示するかどうか、配置場所、および表示する量を選択できます。理想的な配置は、ダッシュボード上のコンテナのサイズによって異なります。水平方向のスペースが広い場合は、凡例を左または右に配置します。垂直方向のスペースが広い場合は、上または下に配置します。
    1. \[ Show legend (凡例を表示)\] と \[ Show legend value (凡例値を表示)\] を選択します。  
       \[凡例値を表示 \] を選択すると、選択したメトリクスに関連付けられた数値が追加されます。または、\[データ ラベルの表示\] (\[データ ラベル\] セクション) を選択して、これらの値をバー自体に配置することもできます。
    2. 凡例を可視化の上に配置します。  
       凡例は、可視化の上、下、または右または左に配置することを選択できます。
    3. \[中央 \]の\[水平方向の配置\]を選択します。  
       \[開始\] と \[終了\] は、凡例を可視化の左または右に移動します。(右から左に読む言語の場合、開始と終了は右と左です。
    4. \[凡例アイテムの最大幅\] を変更して、これらの値に多かれ少なかれ余地を与えます。
    5. 凡例を垂直方向に展開 すると、凡例に追加の行が表示されるため、ユーザーはデフォルトの 2 行を超えてスクロールする必要はありません。  
       この例では、3 つの機能停止タイプに対して必要なのは 1 行だけです。15 または 20 の異なる地域またはアサイン先グループのバーがある可視化では、スクロールバーなしで凡例でさらに多くの情報を表示したい場合があります。
    {#dv-example-v-bar__substeps_bmx_wlr_3yb}
12. ビジュアリゼーションの \[デフォルト \] の色タイプを選択します。  
    * \[デフォルト \] では、UX テーマに関連付けられた色が適用されます。
    * カラーパレット は、同じ色の色相を使用します (例:順次 - 青、明から暗)。  

    * \[固定要素の色 \] では、ハードウェアインシデントなどの各要素に同じ色を指定します。固定要素の色を使用するすべてのデータ可視化では、同じ要素が同じ色で表示されます。
    {#dv-example-v-bar__ul_fgv_j4s_jyb}

## タスクの結果

2 つのフィールドでグループ化された垂直棒グラフによる可視化が作成されました。また、ビジュアライゼーションのラベル付け、凡例、範囲も構成しました。

