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.
- 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>
- Nehmen Sie
<oracle-dv>
unter einem <div>
-Element der richtigen Größe auf. So finden Sie dieses Tag:
- Gehen Sie zu Oracle Analytics, und öffnen Sie die Arbeitsmappe mit dem einzubettenden Analyseinhalt.
- Klicken Sie auf das Menü der Arbeitsmappe und dann auf Entwickler.
- Klicken Sie auf die Registerkarte "Einbetten".
- 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>
- 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