箱ひげ図データ可視化の作成

  • リリースバージョン: Zurich
  • 更新日 2025年09月04日
  • 所要時間：6分

    • 箱ひげ図を使用して、数値データの中央値と下位四分位数および上位四分位数を外れ値とともに表示します。このデータのさまざまなグループの分布を比較することもできます。

    始める前に

    重要:
    箱ひげ図の可視化は、 ServiceNow® Store の最新のデータ可視化アプリケーションに含まれています。

    必要なロール：データにアクセスできるユーザーは誰でも、編集可能な任意のダッシュボードでそのデータの可視化を作成できます。itil、report_user、admin、または viz_creator ロールを持つユーザーは、 可視化デザイナーで可視化を作成できます。可視化デザイナーで可視化を作成すると、ライブラリに保存されます。アクセスの詳細については、「 report_view のアクセス制御 と プラットフォームアナリティクスのロール」を参照してください。

    このタスクについて

    箱ひげ図の可視化は、テーブルデータのみをサポートします。インジケーター、メトリックベース、および ユーザーエクスペリエンスアナリティクス データはサポートされていません。

    ダッシュボードでのボックスプロットの可視化の使用については、「 the 開発者サイト. このサイトでは、 UI ビルダーの箱ひげ図コンポーネントに関する情報を提供しますが、一部の構成オプションは可視化デザイナーとは異なる場合があります。

    手順

    1. 移動先 すべて > プラットフォームアナリティクス > ライブラリー > データの可視化、またはインラインダッシュボードを開いて [編集] を選択します。
    2. [ 新しい可視化を作成] を選択します。
    3. ボックスプロット (垂直ボックスアイコン) ビジュアライゼーションタイプを選択します。
    4. ヘッダーと境界線を設定します。ヘッダーと境界線のオプションは、すべてのデータソースで同じです。
      ヘッダーフィールドと境界線フィールド 説明
      ヘッダーを表示 タイトルとアイコンを含む可視化ヘッダー。
      ヘッダーセパレーターを表示 コンポーネントの残りの部分からヘッダーを分離する線を表示するオプション。
      チャートタイトル 可視化のタイトル。
      説明 エンドユーザーに表示される可視化に関する簡単な概要。説明は、ユーザーが可視化を見つけるのに役立ちます。
      タイトルを折り返す 長いタイトルを 2 行目に折り返すオプション。false の場合、長いタイトルを切り捨てる省略記号を表示します。
      ラベルを折り返す 長い要素のラベルを軸上で折り返す場合に選択します。
      最大ラベルサイズ (ピクセル) 軸上の要素名の最大ラベルサイズを指定します。デフォルト = 100 ピクセル
      切り捨てタイプ 長いラベルを省略記号で切り捨てる場所を指定します。オプションは、[開始]、[中間]、および [終了] です。
      境界線を表示 コンポーネントの周囲に線を表示するオプション。
      ベア データ表示の周囲のパディングを削除して、ページ上の位置をよりコンパクトにするオプション。[ 境界線を表示 ] がオフの場合にのみ使用できます。
      ヘッダーの背景色 可視化のタイトルの背後にある色を指定します。
      タイトル色 タイトルのテキストの色を指定します。デフォルトのタイトル色は黒ですが、ヘッダーの背景とのコントラストが良い色を選択できます。[ヘッダーの背景色] が選択されている場合にのみ使用できます。
    5. データソースセレクターを開き、テーブルを選択します。
    6. 「 箱ひげ図の可視化のためのテーブルデータオプション」の説明に従ってデータ設定を構成します。
    7. [プレゼンテーション] で、表示と色の情報を入力します。に展開したカスタムモバイルアプリケーションを使用して管理しました。
      フィールド 説明

      表示設定

      Y 軸
      軸を非表示 第 1 軸を非表示にするオプション。
      プライマリ軸のタイトル 可視化の縦軸に表示するタイトル。

      このプロパティは 、[プライマリ軸を非表示] が false の場合にのみ適用されます。

      複数の Y 軸がある場合は、プロパティ yAxis1Title、yAxis2Title などを表す追加の軸タイトルがあります。

      メトリクスの [ その他のオプション ] メニューで、メトリクスの Y 軸スケールを追加します。
      軸範囲 - 開始 第 1 軸の値の開始点。
      軸範囲 - 終了 第 1 軸の値の終点。
      軸位置 第 1 軸の位置。次のオプションが含まれます。
      • 左
      • 右

      このプロパティは、[ 軸を非表示] が false の場合にのみ適用されます。垂直棒グラフの可視化に複数の Y 軸があるなど、複数の主軸がある場合は、各軸の位置を個別に設定できます。
      グリッドを表示 第 1 軸に対して垂直な細線のグリッドを表示します。これは、その軸に対して値を揃えるのに役立ちます。
      軸スタイル 第 1 軸のスタイル。
      • クリーンクリーン:第 1 軸に直線を追加します。
      • 目盛りなし noTicks:第 1 軸からすべてのマークを削除するオプション。
      • [標準 ] のデフォルト:第 1 軸に線と目盛りを追加します。

      X 軸
      X 軸タイトル 可視化の横軸に表示するタイトル。
      ラベルを折り返す 長い要素のラベルを軸上で折り返す場合に選択します。
      最大ラベルサイズ (ピクセル) 軸上の要素名の最大ラベルサイズを指定します。デフォルト = 100 ピクセル

      色
      色タイプの設定
      • デフォルト：インスタンスに適用される UX テーマから取得される色または色のセット。詳細については、「Working with themes in Next Experience」を参照してください。
      • 単色/メトリクスごとの色:[ 値の色を設定 ] フィールドで単一の色を選択します。そのフィールドを操作するとセレクターが開き、アイコンのセットまたはリストから色を選択できます。色を検索することもできます。検索値を入力すると、その検索値でフィルタリングされた色のリストがセレクターに表示されます。
    8. [ チャートのインタラクション] で、ビューアーが可視化上のチャートまたはチャートセグメントをクリックしたときに何らかが発生した場合にどうするかを設定します。
      表 : 1. Chart interactions (チャートのインタラクション)
      フィールド 説明
      チャートのインタラクションを許可 ユーザーが可視化またはそのセグメントの 1 つをクリックしたときにイベントができるようにします。
      アクション
      ユーザーが可視化またはそのセグメントの 1 つをクリックしたときに発生するイベントを選択します。選択肢は、可視化タイプとデータソースによって異なります。[ チャートのインタラクションを許可 ] がオンになっている場合にのみ適用されます。詳細については、「データ可視化でのグラフのインタラクション」を参照してください。
      • データビューに移動 すると、関連するセグメントまたは可視化に関連するリストビュー、 KPI 詳細 ページ、または概要ページ ユーザーエクスペリエンスアナリティクス 開きます。テーブルデータの場合、 コア UI リストまたは プラットフォームアナリティクス リストのどちらを開くかは、システムプロパティによって決まります。詳細については、「さまざまなデータソースのデータビュー」を参照してください。
      • [URL に移動 ] で、指定された URL が開きます。この URL は、インスタンス上または外部の URL のいずれかになります。ツールヒントを使用した可視化では、ツールヒントに表示するページ名を指定するオプションがあります。
      • チャートへのドリルダウン (可視化デザイナー のみ) 選択したデータでフィルタリングされた別のデータ表示方法を開きます。親ビジュアル化で各メトリクスのドリルダウンビジュアル化を追加できます。
        注:
        プラットフォームアナリティクスエクスペリエンスのドリルダウンの最後のレベルは常にコア UI リストです。レコードはワークスペースの埋め込みリストで開きません。

        チャートへのドリルダウン は、テーブルデータソースのみをサポートしています。
    9. [保存] を選択して可視化の編集を続行するか、[保存して閉じる] を選択して アナリティクスセンター メイン画面に戻ります。

    次のタスク