---
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) 所要時間：8分

水平棒グラフによるチャート化では、インシデントの優先度や営業グループなど、さまざまなカテゴリやグループのサイズや頻度の比較を表示できます。アサイン先グループなどの棒グラフによるチャート化に \[グループ\] または \[積み重ね基準\] を追加することもできます。

## 始める前に

必要なロール：任意の内部ロールを使用して、ダッシュボードからデータの可視化を作成できます。可視化デザイナーで可視化を作成し、可視化を可視化ライブラリに保存するには、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-h-bar__ph_mdy_zvt_4tb}
   3. 水平棒グラフ ( ![水平棒グラフ アイコン]()) の視覚化タイプを選択します。  

   {#dv-example-h-bar__substeps_ang_vmy_5xb}
2. ここでは、ヘッダーと境界線のセクションをスキップして、データソースに移動します。
   1. \[データソースを追加\] を選択します。
   2. インシデント \[incident\] テーブルを選択します。
   3. この可視化ではオープンインシデントが表示されるため、\[フィルター\] セクションに Incidents.Open 条件を追加しましょう。  
      このフィルターを選択すると、可視化にはアクティブなインシデントの数のみが表示されます。
   4. **オプション:** \[実行\] を選択して、可視化の基になるレコードをプレビューします。
   5. \[このソースを追加\] を選択します。

   {#dv-example-h-bar__substeps_azg_lnd_gyb}  
   選択したデータの現在の値を含む水平棒グラフデータの可視化が可視化デザイナーに表示されます。指定した情報は可視化がアクティブなインシデントを表すことだけなので、ブロックは 1 つしか表示されません。優先度とアサイン先グループはステップ 4 で追加します。  

3. 可視化が確認できたので、ユーザーのコンテキストを追加しましょう。
   1. \[ヘッダーと境界線\] セクションを展開します。
   2. \[ ヘッダーを表示\] を選択し、グラフのタイトル「 <kbd class="ph userinput">Number of open incidents - Priority and Assignment group</kbd>」を入力します。  
      \[ヘッダーを表示\] を選択すると、タイトルと説明を追加できます。チャートのタイトルは、必ずしも可視化の名前と同じである必要はありません。可視化名により、可視化デザイナーおよびリストで可視化が識別されます。チャートのタイトルが可視化内に表示されます。
   3. 可視化の説明を入力します: <kbd class="ph userinput">アサイン先グループによってグループ化されたすべての優先度のオープンインシデントの数</kbd>。  
      説明フィールドとタイトルフィールドは必須ではありませんが、この情報があると、ダッシュボードで可視化を理解しやすくなり、リストで識別しやすくなります。
   4. \[保存\] を選択し、レポートのタイトルに<kbd class="ph userinput">「水平バー - オープン インシデント」</kbd>と入力します。
   {#dv-example-h-bar__substeps_vhw_xkr_byb}
4. \[メトリクス\] セクションをスキップします。
5. グラフ内の情報を区別するために \[グループ\] を追加します。  
   \[グループ化\] で \[アクティブ \] を選択し、グループ化を <kbd class="ph userinput">[優先度</kbd>\] に変更します。
6. \[並べ替え\] で、並べ替えの基準となるフィールドと並べ替えの順序を選択します。
   1. <kbd class="ph userinput">名前</kbd>でソートすることを選択します。  
      優先度名はそれぞれ数字で始まり、バーは 1 - 重大、2 - 高のようになります。
   2. 並べ替え順序として <kbd class="ph userinput">[昇順</kbd> \] を選択します。  
      バーは、1 - 重大、2 - 高、3 - 中というように並べられます。
   {#dv-example-h-bar__substeps_ktc_kzb_3yb}
7. \[データの更新\] で、対象者が可視化を操作する方法を構成します。
   1. \[フィルターに従う\] を選択します。  
      このオプションを使用すると、可視化は、同じテーブルに基づく、配置されているダッシュボードのインタラクティブフィルターに従うことができます。 {#dv-example-h-bar__example-data-update-follow-filters}
   {#dv-example-h-bar__example-data-update-follow-filters}
   2. \[フィルターを表示\] アイコンを選択して、可視化に適用されたフィルターの数を表示します。  
      たとえば、ダッシュボードフィルターによって可視化の値が制限されると、アイコンは、フィルターに一致するオープンインシデントの数が表示されていることを示します。その後で、どのフィルターが有効になっているかを確認できます。 {#dv-example-h-bar__example-data-update-show-filter-icon}
   {#dv-example-h-bar__example-data-update-show-filter-icon}
   3. \[ ドリルダウンを有効にする \] を選択すると、閲覧者はグラフ内のデータ ポイントを選択して関連情報に移動できます。  
      一部の可視化は、関連付けられたデータのリストにのみドリルダウンします。通常、テーブルデータはアクセス制御リスト (ACL) によって制限され、閲覧者には関連するすべてのレコードが表示されない場合があります。

      このコントロールは、\[ チャートの相互作用を許可\] を反映しています。\[チャートの相互作用\] で、ドリルダウンの宛先を選択することもできます。
   {#dv-example-h-bar__substeps_etz_sqz_byb} {#dv-example-h-bar__example-data-update-cmd}
8. X 軸を設定します。  
   軸上のテキスト、値の範囲、軸の位置など、いくつかのオプションを指定できます。軸とその値を非表示にして、バーの比較サイズのみを表示する場合は、\[ 軸を非表示 \] を選択することもできます。
   1. X 軸に <kbd class="ph userinput">「Open Incidents</kbd>」というタイトルを付けることができますが、この情報は既に可視化のタイトルに含まれているため、空のままにしておきます。
   2. 軸範囲の \[開始 \] の値を既定値の 0 のままにします。  
      大きな値が意味をなす場合もありますが、欠点は、バーの相対的なサイズが不正確になり、誤解を招く可能性があることです。
   3. 軸範囲 の終了値は デフォルトの空の値のままにします。  
      この値が空の場合、範囲内の最高値は、可視化内の最大のバーの最大値と同じになります。この例では、その値は 17 です。
   4. \[グリッドの表示\] オプションと \[軸のスタイル\] オプションは、好みに合わせて調整できる小さな外観上の変更です。  
      この例では、表示されているグリッドを拡張するため、 目盛りなし を選択します。  

   {#dv-example-h-bar__substeps_byj_qwj_3yb}
9. Y 軸を設定します。  
   Y 軸の構成は、縦軸のラベルの表示方法に対応しています。この例では、ラベルが比較的短くなっています。ただし、ラベルの最大サイズがラベルよりも小さい場合は、ラベル テキストを切り捨てるか折り返すかを選択できます。ラベルの先頭または末尾のテキストは切り捨てることができます。
   1. Y 軸に <kbd class="ph userinput">「優先度</kbd>」というタイトルを付けることもできますが、この情報は既に可視化のタイトルに含まれているため、空のままにしておきます。
   2. \[ラベルを折り返す\] を選択します。  
      \[最大ラベル サイズ\] が 0 の場合は、最大のラベルによってサイズが決まるため、ラベルの表示に変化は見られません。
   3. \[最大ラベル サイズ\] を <kbd class="ph userinput">50</kbd> に変更します。  
      ラベルは追加の行に折り返されます。切り捨てタイプは、ラベルが折り返されるため、違いはありません。
   4. \[ ラベルを折り返す\] オプションをオフにします。  
      \[切り捨て\] タイプを変更すると、End が長いラベルの端を 3 つのドットに置き換えていることがわかります。\[開始\] を選択すると、長いラベルの最初の部分が 3 つのドットに置き換えられます。中央を選択しても同じことが起こります。
   {#dv-example-h-bar__substeps_n5s_qcr_3yb}
10. 可視化の凡例を構成します。  
    凡例は、Y 軸の各値の色分けの例を示しています。凡例を表示するかどうか、配置場所、および表示する量を選択できます。理想的な配置は、ダッシュボード上のコンテナのサイズによって異なります。水平方向のスペースが広い場合は、凡例を左または右に配置します。垂直方向のスペースが広い場合は、上または下に配置します。
    1. \[ Show legend (凡例を表示)\] と \[ Show legend value (凡例値を表示)\] を選択します。  
       \[凡例値を表示 \] は、メトリクスに関連付けられた数値を追加します。この場合、\[ 1 - Critical incidents (1 - 重大 )\] のインシデントに 17 が追加されます。これは、重大インシデントの数と同じ数であるためです。または、\[データ ラベルの表示\] (\[データ ラベル\] セクション) を選択して、この値をバー自体に配置することもできます。
    2. 凡例を可視化の上に配置します。  
       凡例は、可視化の上、下、または右または左に配置することを選択できます。
    3. \[中央 \]の\[水平方向の配置\]を選択します。  
       \[開始\] と \[終了\] は、凡例を可視化の左または右に移動します。(右から左に読む言語の場合、開始と終了は右と左です。
    4. \[凡例アイテムの最大幅\] を変更して、これらの値に多かれ少なかれ余地を与えます。
    5. 凡例を垂直方向に展開 すると、凡例に追加の行が表示されるため、ユーザーはデフォルトの 2 行を超えてスクロールする必要はありません。  
       この例では、5 つのインシデント優先度に対して必要なのは 1 行だけです。15 または 20 の異なる地域またはアサイン先グループのバーがある可視化では、スクロールバーなしで凡例でさらに多くの情報を表示したい場合があります。
    {#dv-example-h-bar__substeps_bmx_wlr_3yb}
11. さらに \[グループ\] を追加して、可視化により多くの情報を提供します。  
    この可視化に「 <kbd class="ph userinput">Number of open incidents - Priority and Assignment Group (オープンインシデントの数 - 優先度およびアサイン先グループ</kbd>)」という名前を付けたことを思い出してください。アサイン先グループを追加します。
    1. \[グループ化\] で、 \[ + 追加\] を選択し、 \[ <kbd class="ph userinput">アサイン先グループ</kbd>\] を選択し、 \[ 適用\] を選択します。  

    2. 中央にデータラベルを表示します。  
       追加のグループ化基準により、Assignment group on top of Priority という値が積み重なります。データ値は、アサイン先グループごとの個別のインシデント数として表示するか、累積値 (各セグメントが前の値に加算された値) として表示するか、または単に合計を表示するかを選択できます。各セグメントの値を表示するには、\[個々\] を選択します。
    3. X 軸を非表示にします。  
       各セグメントに値を追加したため、軸上の値は重複しています。  

    {#dv-example-h-bar__substeps_mhr_csr_3yb}
12. ビジュアリゼーションの \[デフォルト \] の色タイプを選択します。  
    * \[デフォルト \] では、UX テーマに関連付けられた色が適用されます。
    * カラーパレット は、同じ色の色相を使用します (たとえば、青の明から暗)。  

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

## タスクの結果

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