機械翻訳について

ダッシュボード・タブへのカスタム・ビジュアライゼーションの追加

「ビジュアライゼーション構成」ページを使用して作成したビジュアライゼーション、または簡易レポートの一部であるビジュアライゼーションを追加する方法を次に示します。

重要: 各タブに含めることができるセクションは5つまでです。 ビジュアライゼーションを追加し、タブにすでに5つのセクションが含まれている場合は、最初に1つのセクションを削除する必要があります。

1. 「コンテンツ・コンテナのプロパティ」ペインで、ビジュアライゼーションを追加するカスタム・コンテンツ・コンテナを検索します。

2. 「セクションの追加」 (+)アイコンおよび「+新規セクション」をクリックします。

3. 「セクションの作成」ダイアログの「タイトル」フィールドに、コンポーネントのタイトルを入力し、OKをクリックします。

   ノート:

   タイトルはコンポーネントの名前で、実行時にダッシュボードに表示されません。 ランタイム・タイトルは、ビジュアライゼーション・コードに追加するdashboardTitleパラメータから取得されます。

   新しく追加されたセクションがレイアウトの下部に追加されます。 新しいセクションの「上に移動」矢印を使用して、目的のロケーションに移動します。 たとえば、パイプライン内のハードウェア商談のリストを示す表を表示する場合、商談のすぐ横の営業ステージ別に商談のビジュアライゼーションを表示できます。

   

4. セクション名のリンクをクリックします。

5. 「コード」ボタンをクリックします。

   

   新しいセクションには、空のプレースホルダーtemplateタグが表示されます。

   

6. 「コンポーネント」パレットの「フィルタ」フィールドに、cx-srt-visualizationと入力します。

7. cx-srt-visualizationフラグメントをテンプレート・タグの間にエディタにドラッグ・アンド・ドロップします。

   

8. >タグの前に、次のクラス情報class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height"を「<oj-vb-fragment行」に追加します。

   <oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-visualization"
       class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height">

9. 次のフラグメント・パラメータを、ブリッジ・パラメータの下および</oj-vb-fragment>タグの前にコードに追加します。

   
       <oj-vb-fragment-param name="reportNumber" value="XXXX"></oj-vb-fragment-param>
       <oj-vb-fragment-param name="context" value='{"mode": "dashboard","source":"DV","dashboardTitle":"XXXXX"}'></oj-vb-fragment-param>
       <oj-vb-fragment-param name="filter" value="[[ $base.page.variables.dashboardFilters ]]"></oj-vb-fragment-param>

   フラグメント・コードで、reportNumber、sourceおよびdashboardTitleパラメータの値を、カスタム・ビジュアライゼーションの値に置き換えます。

   次の表では、主なパラメータについて説明します:

   カスタム・ビジュアライゼーション・パラメータ

   パラメータ名	説明
   reportNumber	ビジュアライゼーション構成ツールを使用して作成したビジュアライゼーションの参照番号を入力します。 レポート番号を入力して、簡易レポートで作成されたビジュアライゼーションを表示することもできます。 営業ダッシュボードには、簡易レポートのビジュアライゼーション部分のみが表示されます。 表は表示されません。
   モード	この値は常にdashboardである必要があります。
   source	ビジュアライゼーション構成ツールを使用して作成したビジュアライゼーションには、DVと入力します。 簡易レポートで作成されたビジュアライゼーションを表示するには、SRTと入力します。
   dashboardTitle	実行時にチャートの上に表示されるビジュアライゼーションのタイトルを指定します。

   ビジュアライゼーション構成ツールで作成されたビジュアライゼーションの完成したコード・サンプルを次に示します:

   
   <template id="hardwarePipelineVisualization">
     <oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-visualization"
       class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height">
       <oj-vb-fragment-param name="reportNumber" value="4001"></oj-vb-fragment-param>
       <oj-vb-fragment-param name="context"
         value='{"mode": "dashboard","source":"DV", "dashboardTitle":"Opportunities by Stage"}'></oj-vb-fragment-param>
       <oj-vb-fragment-param name="filter" value="[[ $base.page.variables.dashboardFilters ]]"></oj-vb-fragment-param>
     </oj-vb-fragment>
   </template>

10. 「プレビュー」をクリックして結果を表示します。

    ハードウェア商談の表の横にある営業ステージ別のハードウェア商談のサンプル・ビジュアライゼーションを次に示します。