で棒グラフの可視化を作成 可視化デザイナー

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:10分
  • 棒グラフによるチャート化を使用して、表す値に比例する情報をセグメントに表示します。垂直棒グラフと水平棒グラフによるチャート化では、名義データまたは順序データのいずれかを表す数値を比較します。

    始める前に

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

    この可視化タイプの詳細については、ServiceNow 開発者サイト「棒グラフによる可視化の概要」を参照してください。このサイトでは、 UI ビルダーの水平バーおよび垂直バーデータのビジュアル化コンポーネントに関する情報を提供します。一部の構成オプションは可視化デザイナーとは異なる場合があります。

    このタスクについて

    一般に、水平バーを使用して、各アサイン先グループのユーザー数などの名目データをグラフ化します。垂直バーを使用して、さまざまな経過時間バケットのオープンインシデントの数などの順序データをグラフ化します。ダッシュボードでの棒グラフビジュアリゼーションの使用については、以下を参照してください。 the 開発者サイト.

    手順

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

        構成されたレポートソースが [事前定義された条件] リストに表示されます。詳細については、「レポートソース」を参照してください。

        カスタムフィルターの作成に役立つように、ビジュアル化に含まれるレコードのプレビューリストがあります。リストアクションで列として表示されるフィールドと列の幅を変更できます。
        リストアクションが表示されたテーブルソースデータ可視化のレコードリストをプレビューします。
      • インジケーター (ベースシステム で利用可能)。インジケーターをデータソースとして選択した場合、ブレークダウンと、結果をフィルタリングするための 1 つまたは複数の要素を選択できます。ブレークダウンソースに要素フィルターが設定されている場合、その要素フィルターは要素フィールドで使用できます。ただし、データの可視化では、カウント、最小化、または最大化の集計を使用する自動インジケーターの要素フィルターのみがサポートされます。詳細については、「要素フィルタ」を参照してください。
      • ユーザーエクスペリエンスアナリティクス (必要なロールを持つユーザーは、User Experience PAR Integration アプリケーションで利用可能)。可視化タイプに応じて、このアプリケーションに含まれる最大 3 つの KPI から 1 つを選択します。詳細については、「データ可視化のためのユーザーエクスペリエンスアナリティクスデータソース」を参照してください。
      注:
      • 可視化のタイプによっては、複数のデータソースを選択できる場合があります。ただし、すべてのデータソースは同じタイプである必要があります。
      • JSON でデータソースを手動で追加することもできます。ただし、この方法は専門家向けです。
    6. データソースのオプションを選択します。
    7. [プレゼンテーション] で、表示と色の情報を入力します。
      注:
      水平バーによるチャート化では、X 軸がプライマリです。縦棒グラフによるチャート化の場合、Y 軸がプライマリです。
      フィールド 説明

      表示設定

      ツールヒントにデータポイントを 1 つだけ表示

      オンにすると、ツールヒントには、カーソルを合わせているデータポイントのみが表示されます。オフにすると、ツールヒントにすべてのデータポイントが表示されます。

      デフォルト:オフ(ただし、ズームが400%の場合は自動的にオンになります)。

      データテーブルを表示 スクリーンリーダーアクセスを簡易にするため、チャートとグラフデータを含むテーブルを表示します。データには、必要に応じて、各値の合計に対する割合が含まれます。

      X 軸および Y 軸 (一部のオプションは、第 1 軸または第 2 軸でのみ使用できます。水平バーの可視化では、X 軸がプライマリです。縦棒グラフによる可視化では、Y 軸がプライマリです)。

      軸を非表示 第 1 軸を非表示にするオプション。
      軸タイトル X 軸または Y 軸に表示するタイトル。
      軸範囲 - 開始 第 1 軸の値の開始点。
      軸範囲 - 終了 第 1 軸の値の終点。
      軸位置 第 1 軸の位置。次のオプションが含まれます。

      このプロパティは 、[軸を非表示] が false の場合にのみ適用されます。縦棒グラフによる可視化に複数の Y 軸がある場合など、複数の主軸がある場合は、各軸の位置を個別に設定できます。

      グリッドを表示 第 1 軸に垂直な細い線のグリッドを表示し、値をその軸に合わせるのに役立ちます。
      軸スタイル 第 1 軸のスタイル。
      • クリーンクリーン:主軸に直線を追加します。
      • 目盛りなし:目 盛りなし:主軸からすべてのマークを削除するオプション。
      • 標準 のデフォルト:主軸に線と目盛りを追加します。

      ラベルを折り返す

      セカンダリ軸の長いラベルを折り返します。

      最大ラベルサイズ (ピクセル)。 セカンダリ軸のラベルが折り返されるか切り捨てられる長さ (ピクセル単位)。
      切り捨てタイプ セカンダリ軸の長いラベルを切り捨てる場所を決定します。次のオプションが含まれます。
      • 開始 開始
      • ドルミドル
      • 終了 終了

      凡例

      凡例を表示 凡例を表示するオプション。400% ズームで自動的にアクティブになります。
      凡例値を表示 カーソルを合わせたチャートの領域に対応する値を表示するオプション。値はツールヒントとしてチャートの凡例に表示されます。
      凡例の位置 チャートに対する凡例の場所:上、下、右、または左
      水平配置

      凡例の要素の水平配置:開始、中央、または終了

      凡例アイテムの最大幅 (ピクセル)

      凡例のアイテムが切り捨てられるピクセル数。

      凡例を垂直に展開

      オンにすると、凡例のコンテンツは、最大 2 行ではなく、スクロールせずに凡例を収めるために必要なだけスペースを取ります。

      データラベル

      データラベルを表示 各データポイントのスコアを表示するオプション。

      色タイプの設定

      コンポーネントに適用するカラースキームのタイプ。次のオプションが含まれます。
      • デフォルト:インスタンスに適用される UX テーマから取得される色または色のセット。詳細については、「Working with themes in Next Experience」を参照してください。
      • カラーパレット:チャートのカラースキーム [pa_chart_color_schemes] テーブル内の事前定義されたシステムパレットから選択するカラーパレットのリスト。グループ化されたデータまたは積み重ねデータの場合、色は最大値から最小値の順に適用されます。複数のデータソースの場合、パレットの色はデータソースの順番で適用されます。たとえば、パレットの最初の色は最初のデータソースに適用され、2 番目のパレットの色は 2 番目のソースに適用されます。同じカラーパレットを使用するすべての可視化は、表示するデータに関係なく、同じ色で表示されます。
      • 単色/メトリック当たりの色: [値の色を設定 ] フィールドで単色を選択します。そのフィールドを操作すると、アイコンのセットまたはリストから色を選択できるセレクターが開きます。色を検索することもできます。検索値を入力すると、その検索値でフィルタリングされた色のリストがセレクターに表示されます。

        可視化に複数のメトリクスがある場合は、代わりに [メトリクスごとの色] オプションが表示されます。このオプションを使用すると、メトリクスごとに 1 つの色を選択できます。

        または、動的な色を定義するルールを追加することもできます。詳細については、「データ可視化の色分けルールの作成」を参照してください。

      • 固定要素の色:各要素のチャートの色テーブル [sys_report_chart_color] から特定の色を使用します。固定要素の色を使用するすべてのデータの可視化では、グローバルスコープの重要インシデントなどの同じ要素が同じ色で表示されます。

        このオプションは、テーブルデータソースでのみ使用でき、複数のデータソースまたは測定基準が追加されておらず、[グループ] が定義されている場合にのみ使用できます。

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

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

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

        チャートへのドリルダウンは 、テーブルデータソースのみをサポートしています。

    9. [Save (保存)] をクリックする。
      次のように移動する。 All (すべて) > Platform Analytics (プラットフォームアナリティクス) > ライブラリ > データの可視化 をクリックして [データの可視化] リストに戻ります。

    次のタスク