Oracle Analytics-Inhalt in eine benutzerdefinierte Anwendung einbetten, die nicht Oracle JET verwendet

Wenn die benutzerdefinierte Anwendung eine andere Technologie als Oracle JET verwendet, fügt der eingebettete Oracle Analytics-Inhalt seine eigene Oracle JET-Distribution und alle zusätzlichen Komponenten auf der Seite hinzu.

Wenn die Option Entwickler nicht im Menü der Arbeitsmappe angezeigt wird, müssen Sie sie aktivieren. Siehe Oracle Analytics-Entwickleroptionen aktivieren.
  1. Nehmen Sie die Standalone-Version von embedding.js auf.
    <script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
  2. Nehmen Sie <oracle-dv> unter einem <div>-Element der richtigen Größe auf. So finden Sie dieses Tag:
    1. Gehen Sie zu Oracle Analytics, und öffnen Sie die Arbeitsmappe mit dem einzubettenden Analyseinhalt.
    2. Klicken Sie auf das Menü der Arbeitsmappe und dann auf Entwickler.
    3. Klicken Sie auf die Registerkarte "Einbetten".
    4. Suchen Sie das einzubettende Element, und klicken Sie auf Kopieren, um es zu kopieren.

    Beispiel

    Hier gibt project-path den Pfad der Arbeitsmappe an.

    <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. Wenden Sie Knockout Bindings an, nachdem die Visualisierung vollständig geladen wurde. Dies sollte in ein <script>-Tag nach dem <oracle-dv>-Tag platziert oder in einem Onload-Body-Handler ausgeführt werden.
    requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
        ko.applyBindings();
    });

Vollständiges Beispiel

Hier gibt project-path den Pfad der Arbeitsmappe an.

<!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