で箱ひげ図の可視化を作成する 可視化デザイナー

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：6分

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

    始める前に

    重要:
    箱ひげ図によるチャート化は、 ServiceNow® Store の最新の Data Visualizations アプリケーションに含まれています。

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

    このタスクについて

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

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

    手順

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

      表示設定

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

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

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

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

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

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

      色
      色タイプの設定
      • デフォルト：インスタンスに適用される UX テーマから取得される色または色のセット。詳細については、「Working with themes in Next Experience」を参照してください。
      • 単色/メトリック当たりの色: [値の色を設定 ] フィールドで単色を選択します。そのフィールドを操作すると、アイコンのセットまたはリストから色を選択できるセレクターが開きます。色を検索することもできます。検索値を入力すると、その検索値でフィルタリングされた色のリストがセレクターに表示されます。

        または、動的な色を定義するルールを追加することもできます。詳細については、「データ可視化の色分けルールの作成」を参照してください。
    8. [チャートのインタラクション] で、ビューアーが可視化上のチャートまたはチャートセグメントをクリックしたときに何が起こるかを設定します。
      表 : 1. Chart interactions (チャートのインタラクション)
      フィールド 説明
      チャートのインタラクションを許可 ユーザーがチャートまたはそのセグメントの 1 つをクリックしたときにイベントが発生するようにします。
      アクション
      ユーザーがチャートまたはそのセグメントの 1 つをクリックしたときに発生するイベントを選択します。選択肢は、可視化のタイプとデータソースによって異なります。[チャートインタラクションを許可] がオンになっている場合にのみ適用されます。詳細については、「データ可視化でのチャートインタラクション」を参照してください。
      • データビューに移動 :関連するセグメントまたはビジュアル化に関連するコア UI リストまたは KPI 詳細 でレコードビューを開きます。ワークスペースの埋め込みリストではレコードが開きません。

        ユーザーエクスペリエンスアナリティクスデータソースではサポートされていません。

      • [URL に移動 ] を選択すると、指定した URL がインスタンス上または外部に表示されます。ツールヒント付きの可視化では、ツールヒントに表示するページ名を指定するオプションがあります。
      • チャートにドリルダウン (可視化デザイナー のみ) 選択したデータでフィルタリングされた別のデータ可視化を開きます。親ビジュアリゼーションの各メトリクスのドリルダウンビジュアリゼーションを追加できます。
        注:
        プラットフォームアナリティクスエクスペリエンスのドリルダウンの最後のレベルは、常にコア UI リストです。ワークスペースの埋め込みリストではレコードが開きません。

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

    次のタスク