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

ドーナツ グラフによるチャート化では、中空の円形を使用して、さまざまなカテゴリまたはグループの比率またはパーセンテージを表示します。半ドーナツ グラフによるチャート化は、完全な円の代わりに半円を使用するドーナツと同じ働きをします。

## 始める前に

必要なロール：任意の内部ロールを使用して、ダッシュボードからデータの可視化を作成できます。可視化デザイナーで可視化を作成し、可視化を可視化ライブラリに保存するには、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/xOKZiBWOrTXAEEoQWj8Vyw "円グラフ、ドーナツ グラフ、および半ドーナツ グラフによるチャート化を使用して、データ セットの各部分のサイズを全体と比較します。これらのグラフのセグメントの合計は 100% になります。")します。
   1. 移動先 すべてプラットフォームアナリティクスLibrary (ライブラリ)データの可視化.
   2. \[新規\] を選択します。 {#dv-example-donut__ph_mdy_zvt_4tb}
   3. ドーナツ グラフ ( ![ドーナツ グラフ ビジュアリゼーションのアイコン]()) または ![半ドーナツ グラフ (半ドーナツ グラフ チャート化の アイコン]()) を選択します。  
      この例では、ドーナツ グラフによる可視化を作成しますが、概念は同じです。  

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

   {#dv-example-donut__substeps_azg_lnd_gyb}  
   選択したデータの現在の値で円グラフによる可視化が可視化デザイナーに表示されます。指定した情報は可視化がアクティブなインシデントを表すということだけなので、「Active=True」と「Active=False」の 2 つの扇形しか表示されません。優先度とアサイン先グループはステップ 4 で追加します。  

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

      このコントロールは、\[ チャートの相互作用を許可\] を反映しています。\[チャートの相互作用\] で、ドリルダウンの宛先を選択することもできます。
   {#dv-example-donut__substeps_etz_sqz_byb} {#dv-example-donut__example-data-update-cmd}
8. ドーナツグラフのセクションの説明内容を表示する方法を選択します。  
   * \[凡例を表示 \] は、ビジュアリゼーションの各値の色分けの例を示しています。凡例を表示するかどうか、配置場所、および表示する量を選択できます。理想的な配置は、ダッシュボード上のコンテナのサイズによって異なります。水平方向のスペースが広い場合は、凡例を左または右に配置します。垂直方向のスペースが広い場合は、上または下に配置します。
   * \[Show data labels (データラベルを表示)\] は、ビジュアリゼーションのセグメントの隣にラベルと値の情報を追加します。
   {#dv-example-donut__ul_ttp_yvm_jyb}
   1. \[ 凡例を表示 \] を選択して、凡例オプションを有効にします。
   2. \[ 凡例値を表示\] を選択します。  
      このオプションは、メトリクスに関連付けられた番号を追加します。この場合、高優先度のインシデントの数と同じ数であるため、高優先度のインシデントに 4 が追加されます。
   3. 同じ 行に値を表示 を選択して、アサイン先グループ名の値を保持します。
   4. \[ 凡例のパーセンテージを表示 \] を選択して、値に関する詳細情報を提供します。
   5. ビジュアリゼーションの上に凡例を配置する場所を試してみてください。  
      凡例は、可視化の上、下、または右または左に配置することを選択できます。
   6. \[中央 \]の\[水平方向の配置\]を選択します。  
      凡例を可視化の右または左に配置した場合、水平配置は利用できません。\[開始\] と \[終了\] は、凡例を可視化の左または右に移動します。(右から左に読む言語の場合、開始と終了は右と左です。
   7. \[凡例アイテムの最大幅\] を変更して、これらの値に多かれ少なかれ余地を与えます。  

   {#dv-example-donut__substeps_bmx_wlr_3yb}
9. \[ 凡例の表示 \] をオフにし 、\[データ ラベルの表示\] を選択します。
   1. \[データ\] ラベルタイプを選択します。  
      ラベルの横に数値を表示する場合は \[値\] を選択し、値が表す割合を表示する場合は \[パーセント\] を選択し、両方を表示するには \[値とパーセント\] を選択できます。
   2. \[最大ラベル サイズ\] を <kbd class="ph userinput">50</kbd> に変更します。  
      ラベルは追加の行に折り返されます。切り捨てタイプは、ラベルが折り返されるため、違いはありません。
   3. \[ ラベルを折り返す\] オプションをオフにします。  
      \[切り捨て\] タイプを変更すると、End が長いラベルの端を 3 つのドットに置き換えていることがわかります。\[開始\] を選択すると、長いラベルの最初の部分が 3 つのドットに置き換えられます。中央を選択しても同じことが起こります。
   {#dv-example-donut__substeps_skc_mxm_jyb}
10. ビジュアリゼーションの \[デフォルト \] の色タイプを選択します。  
    * \[デフォルト \] では、UX テーマに関連付けられた色が適用されます。
    * カラーパレット は、同じ色の色相を使用します (たとえば、青の明から暗)。
    * \[固定要素 \] では、ハードウェア インシデントなどの各要素に同じ色を指定します。固定要素の色を使用するすべてのデータ可視化では、同じ要素が同じ色で表示されます。
    {#dv-example-donut__ul_fgv_j4s_jyb}

## タスクの結果

1 つの値でグループ化されたドーナツ可視化を作成しました。また、ビジュアリゼーションのラベル付け、凡例、および色も構成しました。

## 次のタスク

半ドーナツ グラフによる可視化を作成します。

* \[その他のアクション\] ボタン ( ![縦に並んだ 3 つのドットで構成される \[その他のアクション\] アイコン]()) を選択し、\[ 複製\] を選択します。
* 新しい可視化に「 <kbd class="ph userinput">Semi-donut - Open incidents (半ドーナツ - オープンインシデント</kbd> )」という名前を付けて、\[ Duplicate (複製)\] を選択します。
* \[視覚化の種類\] を \[半ドーナツ\] に変更し、 \[ 保存\] を選択します。
{#dv-example-donut__ul_k4n_h2s_ryb}半ドーナツの設定はすべてドーナツと同じですが、完全な円ではなく半円になっています。