Si la aplicación personalizada utiliza una tecnología distinta de Oracle JET, el contenido de Oracle Analytics embebido agrega su distribución de Oracle JET y todos los componentes adicionales a la página.
- Incluya la versión autónoma de embedding.js.
<script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
- Busque e incluya
<oracle-dv>
en una <div>
con el tamaño correcto. Para buscar esta etiqueta:
- Vaya a Oracle Analytics y abra el libro de trabajo que contiene el contenido de análisis que desea embeber.
- Haga clic en la opción Menú del libro de trabajo y, a continuación, en Desarrollador.
- Haga clic en la etiqueta Embeber.
- Busque el elemento que desea embeber y haga clic en Copiar para copiarlo.
Ejemplo
Aquí project-path
especifica la ruta del libro de trabajo.
<div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
<oracle-dv project-path="/@Catalog/users/admin/workbook_name">
</oracle-dv>
</div>
- Aplique los enlaces de Knockout cuando la visualización esté completamente cargada. Debe colocarse dentro de una etiqueta
<script>
detrás de la etiqueta <oracle-dv>
, o ejecutarse en un manejador de cuerpo de carga.
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
ko.applyBindings();
});
Ejemplo completo
Aquí project-path
especifica la ruta del libro de trabajo.
<!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