可視化デザイナーでのパレート図による棒グラフによる可視化の作成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:8分
  • パレート図による棒グラフによるチャート化を使用して、大規模なディメンション セットの中で最も重要なディメンションを特定します。パレート図による棒グラフの可視化列には、データが降順で表示されます。線グラフは累積パーセンテージを示します。

    始める前に

    必要なロール:任意の内部ロールを使用して、ダッシュボードからデータの可視化を作成できます。可視化デザイナーで可視化を作成し、可視化を可視化ライブラリに保存するには、viz_creator、viz_admin、または admin ロールが必要です。意味のある可視化を作成するには、レポートするデータにアクセスする権利が必要です。 アクセスの詳細については、「 report_view のアクセス制御」を参照してください。

    このタスクについて

    ダッシュボードでの パレート図による棒グラフの可視化 の使用については、以下を参照してください。 the 開発者サイト.

    手順

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

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

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

      [表示設定] で、データテーブルを表示できます。この表は、スクリーンリーダーアクセスを容易にするためにグラフとチャートデータを示しています。また、データ値にカーソルを合わせると、すべてのデータ値を表示するツールヒントを開くか、選択したデータ値の詳細のみを表示するかを選択することもできます。

      表 : 1. X 軸オプション
      フィールド [Property] Description (説明)
      軸を非表示 棒メトリクスの Y 軸とパレート図 Y 軸の両方を非表示にします。
      軸スタイル X 軸のスタイル。
      • クリーン クリーン: X 軸に直線を追加します。
      • 目盛りなし noTicks: X 軸からすべてのマークを削除するオプション。
      • [標準] のデフォルト: X 軸に線と目盛りを追加します。
      注:
      垂直棒グラフで [グリッドを表示 ] が true の場合にのみ使用できます。
      軸タイトル (X 軸用) 可視化の横軸に表示するタイトル。
      ラベルを折り返す 長いラベルを横軸で折り返します。
      最大ラベルサイズ (ピクセル) 横軸の最大ラベルサイズ (ピクセル単位)。
      表 : 2. Y 軸オプション
      フィールド [Property] Description (説明)
      軸を非表示 棒メトリクスの Y 軸とパレート図 Y 軸の両方を非表示にします。
      軸タイトル (Y 軸用) 棒軸にのみ影響し、パレート軸には影響しません。
      グリッドを表示 チャートにグリッド線を追加します。このオプションは Y 軸にのみ適用されます。
      軸スタイル Y 軸のスタイル。
      • クリーン クリーン: Y 軸に直線を追加します。
      • 目盛りなし noTicks: Y 軸からすべてのマークを削除するオプション。
      • 標準 のデフォルト:Y 軸に線と目盛りを追加します。
      注:
      垂直棒グラフで [グリッドを表示 ] が true の場合にのみ使用できます。
      表 : 3. 凡例オプション
      フィールド Description (説明)
      凡例を表示 凡例を表示するオプション。
      凡例の位置 チャートに対する凡例の場所:上、下、右、または左
      表 : 4. データラベルオプション
      フィールド Description (説明)
      データラベルを表示 各データポイントのスコアを表示するオプション。
      データラベルの位置 データラベルの位置:棒の上部、中央、または下部。
      注:
      [データラベルを表示] が true の場合にのみ使用できます。
      表 : 5. カラーバリエーション
      フィールド Description (説明)
      色タイプの設定 コンポーネントに適用するカラースキームのタイプ。次のオプションが含まれます。
      • デフォルト:インスタンスに適用される UX テーマから取得される色または色のセット。詳細については、「Working with themes in Next Experience」を参照してください。
      • 単色/メトリックごとの色:[ 値の色を設定 ] フィールドで単一の色を選択します。そのフィールドを操作するとセレクターが開き、一連のアイコンまたはリストから色を選択できます。色を検索することもできます。検索値を入力すると、その検索値でフィルタリングされた色のリストがセレクターに表示されます。

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

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

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

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

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

        [チャートへのドリルダウン] では 、テーブルデータソースのみがサポートされています。

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

    次のタスク