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

ヒートマップによるチャート化を使用して、2 つのテーブルフィールドまたはインジケーターブレークダウン間の関係を示します。軸に沿って移動するにつれて色が変化することで、一方または両方のフィールド/ブレークダウンの値のパターンが明らかになります。

## 始める前に

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

## このタスクについて

ダッシュボードでのヒートマップ ビジュアリゼーションの使用方法の詳細については、「 [the 開発者サイト](https://developer.servicenow.com/dev.do#!/reference/now-experience/xanadu/now-components/sn-multipivot/usage).

## 手順

1. 移動先 すべてプラットフォームアナリティクスLibrary (ライブラリ)データの可視化. {#create-dv-heatmap-ac__ph_yvn_xvt_4tb}
2. \[新規\] を選択します。 {#create-dv-heatmap-ac__ph_mdy_zvt_4tb}
3. ヒートマップ ( ![ヒートマップ アイコン]()) の視覚化タイプを選択します。
4. ヘッダーと境界線を設定します。ヘッダーと境界線のオプションは、すべてのデータソースで同じです。  
   {#create-dv-heatmap-ac__table_ly5_djk_c5b__entry__2}{#create-dv-heatmap-ac__ac-dv-showheader}{#create-dv-heatmap-ac__ac-dv-showheadersep}{#create-dv-heatmap-ac__ac-dv-charttitle}{#create-dv-heatmap-ac__ac-dv-chartdesc}{#create-dv-heatmap-ac__ac-dv-wraptitle}{#create-dv-heatmap-ac__ac-dv-wraplabels}{#create-dv-heatmap-ac__ac-dv-maxlabelsize}{#create-dv-heatmap-ac__ac-dv-truncationtype}{#create-dv-heatmap-ac__ac-dv-showborder}{#create-dv-heatmap-ac__ac-dv-bare}

   | ヘッダーフィールドと境界線フィールド | 説明 |
   |-|-|
   | ヘッダーを表示 | タイトルとアイコンを含む可視化ヘッダー。 |
   | ヘッダーセパレーターを表示 | コンポーネントの残りの部分からヘッダーを分離する線を表示するオプション。 |
   | チャートタイトル | 可視化のタイトル。 |
   | 説明 | エンドユーザーに表示される可視化の簡単な概要。 |
   | タイトルを折り返す | 長いタイトルを 2 行目に折り返すオプション。false の場合、長いタイトルを切り捨てる省略記号が表示されます。 |
   | ラベルを折り返す | 長い要素ラベルを軸上で折り返す場合に選択します。 |
   | 最大ラベルサイズ (ピクセル) | 軸上の要素名の最大ラベルサイズを指定します。既定値 = 100 px。 |
   | 切り捨てタイプ | 長いラベルを切り捨てる場所を省略記号で指定します。オプションは、\[開始\]、\[中間\]、および \[終了\] です。 |
   | 境界線を表示 | コンポーネントの周囲に線を表示するオプション。 |
   | ベア | データ可視化の周囲のパディングを削除して、ページ上の位置をよりコンパクトにするオプション。\[境界線を表示\] がオフの場合にのみ使用できます。 |
   [ ]

   {#create-dv-heatmap-ac__table_ly5_djk_c5b} {#create-dv-heatmap-ac__ph_m1w_vwt_4tb}
5. データソースを選択します。  
   データソースの一般的な説明については、「[データ可視化のデータソース](https://servicenow-prod.fluidtopics.net/Om8LGLE1bmTEwV_hTp0Y3Q "各ワークスペースデータの可視化は、特定のデータソースを参照します。")」を参照してください。
   * テーブル (ベースシステム で利用可能 )。テーブルを選択した場合、条件でフィルタリングできます。

     構成されたレポートソースが \[事前定義された条件\] リストに表示されます。詳細については、「[レポートソース](https://servicenow-prod.fluidtopics.net/8Yi5CJgjz2P0NZ5fh9p8Pw#c_ReportSources "レポート ソースは、レポートを作成するための事前定義されたデータ セットです。")」を参照してください。  
     カスタムフィルターの作成に役立つように、可視化に含まれるレコードのプレビューリストがあります。リストアクションの列として表示するフィールドと列の幅を変更できます。  

   * インジケーター (ベースシステム で利用可能)。インジケーターをデータソースとして選択した場合、ブレークダウンと、結果をフィルタリングするための 1 つまたは複数の要素を選択できます。詳細については「[Performance Analytics インジケーター](https://servicenow-prod.fluidtopics.net/J4~~4cpeTgskqtoFZS97rw "インジケーター ビジネスサービス、アクティビティ、または組織行動の定期的な間隔で実行されるパフォーマンス測定値を定義します。これらのパフォーマンス測定では、時間とともに一連のインジケーター スコアを得られます。")」を参照してください。

   {#create-dv-heatmap-ac__choices_t3m_vxy_g5b}  
   注:  
   JSON でデータソースを手動で追加することもできます。ただし、この方法は専門家向けです。
6. データソースのオプションを選択します。  
   * ビジュアリゼーションがテーブルデータを表す場合は、 [ヒートマップ可視化のためのテーブルデータオプション](https://servicenow-prod.fluidtopics.net/yO8Y1T4McEU7Cr_ex3Q8dg "ヒートマップ可視化のテーブルデータソースを選択すると、次のデータ構成オプションを使用できます。")に移動します。
   * 可視化がインジケーターデータを表す場合は、\[ [ヒートマップ可視化のためのインジケーターデータオプション](https://servicenow-prod.fluidtopics.net/6ZniKnUzKGQHqlfgz7UeXA "ヒートマップ可視化のインジケーターデータソースを選択すると、次のデータ構成オプションが使用可能になります。")\] に移動します。
   {#create-dv-heatmap-ac__ul_zcw_w5s_qtb}
7. \[プレゼンテーション\] で、表示と色の情報を入力します。  
   {#create-dv-heatmap-ac__table_gvk_2mr_qtb__entry__2}

   | フィールド | Description (説明) |
   |-|-|
   | 表示設定 ||
   | データテーブルを表示 | スクリーンリーダーアクセスを簡易にするため、チャートとグラフデータを含むテーブルを表示します。データには、必要に応じて各値の合計に対する割合が含まれます。 |
   | データラベル ||
   | データラベルを表示 | 各データポイントのスコアを表示するオプション。 |
   | 凡例 ||
   | 凡例を表示 | 凡例を表示するオプション。400%ズームで自動的にアクティブになります。 |
   | 凡例の位置 | チャートに対する凡例の場所:上、下、右、または左 |
   | 色 ||
   | 色タイプの設定 | コンポーネントに適用するカラースキームのタイプ。以下から選択可能です。 * `デフォルト:`UX テーマプロパティ \[sys_ux_theme_property\] テーブルの色。具体的な色は、UX テーマ \[sys_ux_theme\] テーブルのどのテーマバリアントがインスタンスに適用されるかによって異なります。 * 色の範囲:最小値の色と最大値の色の間の色のスペクトル |
   [ ]

   {#create-dv-heatmap-ac__table_gvk_2mr_qtb}
8. \[チャートの相互作用\] で、ビューアーがビジュアリゼーション上のチャートまたはチャート セグメントをクリックしたときに何が起こるかを設定します。  
   {#create-dv-heatmap-ac__table_qnp_d2d_b1c__entry__2}

   | フィールド | 説明 |
   |-|-|
   | チャートのインタラクションを許可 | ユーザーがグラフまたはそのセグメントの 1 つをクリックしたときにイベントを発生させることができます。 |
   | アクション | ユーザーがグラフまたはそのセグメントの 1 つをクリックしたときに発生するイベントを選択します。選択肢は、可視化タイプとデータソースによって異なります。\[ グラフのやり取りを許可 \] がオンの場合にのみ適用されます。詳細については、「[データ可視化におけるチャートインタラクション](https://servicenow-prod.fluidtopics.net/akKL9TnvtKImKp9alysk0Q "棒の列を選択するなどして、ユーザーがグラフを操作したときの動作を設定できます。URL への移動、 別のデータ可視化のオープン、 選択した値によるダッシュボード上のすべての可視化のフィルタリングなどが考えられます。")」を参照してください。 * \[データビューに移動 \] は、関連するセグメントまたは可視化に関連するコア UI リストまたは KPI 詳細 レコードビューを開きます。レコードはワークスペースの埋め込みリストで開きません。 ユーザーエクスペリエンスアナリティクスデータソースではサポートされていません。 * \[URL に移動\] をクリックすると、指定した URL が開きます。この URL はインスタンス上または外部にあります。ツールヒントのあるビジュアリゼーションでは、ツールヒントに表示されるページ名を指定するオプションがあります。 * チャートへのドリルダウン (可視化デザイナーのみ) 選択したデータによってフィルタリングされた別のデータの可視化を開きます。親の可視化のメトリクスごとにドリルダウンによる可視化を追加できます。 注: プラットフォームアナリティクスエクスペリエンスの最後のレベルのドリルダウンは、常にコア UI リストです。レコードはワークスペースの埋め込みリストで開きません。 \[チャートへのドリルダウン\] では 、テーブルデータソースのみがサポートされています。 |
   [ ]

   {#create-dv-heatmap-ac__table_qnp_d2d_b1c}
9. \[保存\] を選択します。  
   移動先 すべてプラットフォームアナリティクスLibrary (ライブラリ)データの可視化 をクリックして \[Data Visualization (データの可視化)\] リストに戻ります。
{#create-dv-heatmap-ac__steps_gj3_4ry_5r}

## 次のタスク

* [Visualization Designer (可視化デザイナー) からのダッシュボードへの可視化の追加](https://servicenow-prod.fluidtopics.net/mGIgDjHEsg3F09PUcvjy2g "Visualization Designer (可視化デザイナー) から新規のダッシュボードまたは既存のダッシュボードに可視化を追加します。")
* [での可視化の共有 可視化デザイナー](https://servicenow-prod.fluidtopics.net/JLlo6774gk3Xyb3wvsi70w#share-dv-ac "可視化を共有して、ユーザー、グループ、またはロールに表示または編集の権限を付与します。ユーザーは、元のインスタンスの任意のワークスペースで共有されている可視化にアクセスできます。")
* [での可視化のブックマーク 可視化デザイナー](https://servicenow-prod.fluidtopics.net/O53pdtqshhdSzjAMcijgmg "可視化をブックマークすると、 アナリティクスセンター内で簡単に見つけることができます。")
{#create-dv-heatmap-ac__ul_bz5_byk_qtb}