將 Oracle Analytics 內容內嵌至未使用 Oracle JET 的自訂應用程式

自訂應用程式若使用 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 主體處理程式中執行。
    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