---
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


---

# 単一スコアデータの可視化を作成

# Visualization Designer (可視化デザイナー) での単一スコアデータの可視化の作成 {#ariaid-title1}

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

値を数値またはパーセンテージで表示するには、単一のスコアを使用します。値がターゲットまたはベンチマークとどのように比較されるかを視覚化して、進捗状況を追跡し、改善が必要な領域を特定します。

## 始める前に

必要なロール：任意の内部ロールを使用して、ダッシュボードからデータの可視化を作成できます。可視化デザイナーで可視化を作成し、可視化を可視化ライブラリに保存するには、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/shared-components/now-vis-score-wrapper/usage)

## 手順

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

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

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

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

   * インジケーター (ベースシステム で利用可能)。インジケーターをデータソースとして選択した場合、ブレークダウンと、結果をフィルタリングするための 1 つまたは複数の要素を選択できます。ブレークダウン ソースに要素フィルターが設定されている場合、その要素フィルターは \[要素\] フィールドで使用できます。ただし、データの可視化では、\[カウント\]、\[最小化\]、または \[最大化\] の集計を使用する自動インジケーターの要素フィルターのみがサポートされます。
   * ユーザーエクスペリエンスアナリティクス (必要なロールを持つユーザーは、User Experience PAR Integration アプリケーションで利用可能)。可視化タイプに応じて、このアプリケーションに含まれる最大 3 つの KPI から 1 つを選択します。詳細については、「[可視化用のユーザーエクスペリエンスアナリティクスデータソース](https://servicenow-prod.fluidtopics.net/AVEIk5BEW~~YkBwmCyFyww "データビジュアル化コンポーネントで ユーザーエクスペリエンスアナリティクス に関連するメトリクスを表示できます。使用可能なメトリクスは、可視化タイプによって異なります。")」を参照してください。

   {#create-dv-sing-sc-ac__choices_x24_4jy_g5b}  
   注:  
   JSON でデータソースを手動で追加することもできます。ただし、この方法は専門家向けです。
6. データソースのオプションを選択します。  
   * ビジュアリゼーションがテーブルデータを表す場合は、 [単一スコアの可視化のためのテーブルデータオプション](https://servicenow-prod.fluidtopics.net/qwu9yRGx7g5Pa1bodNvGeg "単一スコアによるチャート化のテーブル データ ソースを選択する場合、次のデータ構成オプションを使用できます。")に移動します。
   * 可視化がインジケーターデータを表す場合は、\[ [単一スコア可視化のインジケーターデータオプション](https://servicenow-prod.fluidtopics.net/sBQiY8Y0rTw_qlSui_Q0hw "単一スコアによるチャート化のインジケーターデータソースを選択すると、次のデータ構成オプションを利用できます。")\] に移動します。
   * ビジュアリゼーションが ユーザーエクスペリエンスアナリティクス データを表す場合は、\[ [ユーザーエクスペリエンスアナリティクス 単一スコアのデータオプション](https://servicenow-prod.fluidtopics.net/15MavK1HrN_ApiH_U9HInQ "単一スコアによるチャート化に ユーザーエクスペリエンスアナリティクス データソースを選択すると、次のデータ構成オプションが使用可能になります。")\] に移動します。
   {#create-dv-sing-sc-ac__ul_zcw_w5s_qtb}
7. \[プレゼンテーション\] で、表示と色の情報を入力します。.  
   {#create-dv-sing-sc-ac__table_jkm_pcm_t5b__entry__2}

   | フィールド | Description (説明) |
   |-|-|
   | 表示設定 ||
   | スコアサイズ | スコアのサイズを設定します。次のオプションがあります。 * XS `XS` * S `sm` * M `md` * L `LG電子` * XL `XL` * XXL `XXL` * 自動 `自動`: サイズは、ビューポートのサイズと、\[ 追加設定\]ですべての詳細が追加された後の使用可能なスペースに応じて、上記のサイズ間で自動的に調整されます。 {#create-dv-sing-sc-ac__ul_t2t_xck_grb} |
   | スコアアイコン | デザインシステムで提供されているアイコンの 1 つを選択して、スコアの前に表示します。オプション。 注: 詳細については、「<https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/now-components/now-icon/gallery>」を参照してください。 |
   | アイコンスタイル | アイコンの背景に色を適用するには、「背景あり」を選択します。アイコン自体に色を適用するには、「背景なし」を選択します。 |
   | メトリクスラベルの位置 | メトリクスラベルの位置。次のオプションがあります。 * 上位スコアを `上回る` * `スコアの下` {#create-dv-sing-sc-ac__ul_phn_cls_2rb} このプロパティは、テーブルデータソースで、\[ メトリクスラベルを表示\] が true の場合にのみ適用されます。 |
   | スパークラインスタイル | スパークラインチャートのスタイル。次のオプションがあります。 * エリア `領域`: スパークラインを、そのポイントと横軸の間の領域が色付けされた線として表示するオプション。 * 線 `グラフ`:スパークラインを線として表示するオプション。 {#create-dv-sing-sc-ac__ul_nyl_qgy_drb} このプロパティは、インジケーターデータソースで、\[ スパークラインを表示\] が true の場合にのみ適用されます。 |
   | 色 ||
   | 色タイプの設定 | * デフォルト：インスタンスに適用される UX テーマから取得される色または色のセット。詳細については、「[Working with themes in Next Experience](https://www.servicenow.com/docs/access?context=next-experience-theming&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US)」を参照してください。 * 単色/メトリックごとの色:\[ 値の色を設定 \] フィールドで単一の色を選択します。そのフィールドを操作するとセレクターが開き、一連のアイコンまたはリストから色を選択できます。色を検索することもできます。検索値を入力すると、その検索値でフィルタリングされた色のリストがセレクターに表示されます。 または、動的な色を定義するルールを追加することもできます。詳細については、「[データの可視化のためのカラーリングルールの作成](https://servicenow-prod.fluidtopics.net/kw9xduJ7Hkloehcexja~cQ#dv-coloring-rules "値が重要である理由を簡単に強調表示できるように、数値の表示方法に関するルールを構成します。")」を参照してください。 {#create-dv-sing-sc-ac__ul_nnq_mf3_dwb} |
   [ ]

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

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

   {#create-dv-sing-sc-ac__table_qnp_d2d_b1c}
9. \[保存\] を選択して可視化の編集を続行するか、\[保存して閉じる\] を選択して アナリティクスセンター メイン画面に戻ります。
{#create-dv-sing-sc-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-sing-sc-ac__ul_bz5_byk_qtb}