Oracle JETを使用しないカスタム・アプリケーションへのOracle Analyticsコンテンツの埋込み

カスタム・アプリケーションがOracle JET以外のテクノロジを使用する場合、埋込みOracle Analyticsコンテンツは、そのOracle JETディストリビューションおよびすべての追加コンポーネントをページに追加します。

「開発者」オプションがワークブック「メニュー」に表示されない場合は、有効にする必要があります。 「Oracle Analytics開発者オプションの有効化」を参照してください。
  1. embedding.jsのスタンドアロン・バージョンを含みます。
    <script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
  2. <oracle-dv>を探して適切にサイズ設定された<div>の下に含めます。 このタグを検索するには:
    1. Oracle Analyticsに移動して、埋め込むアナリティクス・コンテンツを含むワークブックを開きます。
    2. ワークブック「メニュー」をクリックし、「開発者」をクリックします。
    3. 「埋込み」タブをクリックします。
    4. 埋め込む項目を特定し、「コピー」をクリックしてコピーします。

    ここで、project-pathはワークブックのパスを指定します。

    <div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
        <oracle-dv project-path="/@Catalog/users/admin/workbook_name">
        </oracle-dv>
    </div>
  3. ビジュアライゼーションが完全にロードされた後に、ノック・アウト・バインディングを適用します。 これは<oracle-dv>タグの後の<script>タグの内部に配置するか、またはonload bodyハンドラで実行する必要があります。
    requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
        ko.applyBindings();
    });

完全な例

ここで、project-pathはワークブックのパスを指定します。

<!DOCTYPE html>
<html dir="ltr">
   <head>
      <title>AJAX Standalone Demo</title>
      <script src="https://<instance>.analytics.ocp.oraclecloud.com/public/dv/v1/embedding/standalone/embedding.js""
type="text/javascript">
      </script> 
   </head>
   <body>
      <h1>AJAX Standalone Demo</h1>

      <div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 
120px)" >
         <oracle-dv project-path="/shared/embed/test-embed">
         </oracle-dv>
      </div>

   <script>
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {   ko.applyBindings();
});
      </script
   </body
</html