Imbrication de contenu Oracle Analytics dans une application personnalisée n'utilisant pas Oracle JET

Si l'application personnalisée emploie une technologie autre qu'Oracle JET, le contenu Oracle Analytics imbriqué ajoute sa distribution Oracle JET et tous les composants supplémentaires dans la page.

Si l'option Développeur n'apparaît pas dans le menu du classeur, vous devez l'activer. Reportez-vous à Activation des options Oracle Analytics pour les développeurs.
  1. Incluez la version autonome d'embedding.js.
    <script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
  2. Recherchez et incluez <oracle-dv> dans un élément <div> de taille appropriée. Pour rechercher cette balise, procédez comme suit :
    1. Accédez à Oracle Analytics et ouvrez le classeur comportant le contenu Analytics à imbriquer.
    2. Cliquez sur le menu du classeur, puis sur Développeur.
    3. Cliquez sur l'onglet Imbriquer.
    4. Localisez l'élément à imbriquer et cliquez sur Copier pour le copier.

    Exemple

    Ici, project-path spécifie le chemin du classeur.

    <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. Appliquez les liaisons Knockout une fois la visualisation entièrement chargée. Elles doivent être placées à l'intérieur d'une balise <script> après la balise <oracle-dv>, ou exécutées dans un gestionnaire d'élément body onload.
    requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
        ko.applyBindings();
    });

Exemple complet

Ici, project-path spécifie le chemin du classeur.

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