機械翻訳について

Webページへのビジュアライゼーションの埋込みアプリケーションでOracle JET Technologyが使用されていない場合

JETテクノロジに基づいていない外部Webページにビジュアライゼーションを埋め込むことができます。

埋め込みアプリケーションが通常のホストされた(ローカルではない)Webページを使用する場合、「データの視覚化」は、JETベースのデータ視覚化コンテンツを埋め込むために使用される関連するJavascriptライブラリを持ち込みます。 これはスタンドアロン・メソッドとも呼ばれます。

  1. embedding.jsのスタンドアロン・バージョンを含みます。
    <script src="http://<host_name>:<port>/dv/ui/api/v1/plugins/embedding/standalone/embedding.js" type="text/javascript"> </script>
  2. 適切なサイズの<div>の下に<oracle-dv>を組み込みます。
    <div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
        <oracle-dv project-path="your_project_path">
        </oracle-dv>
    </div>
  3. ビジュアライゼーションが完全にロードされた後に、ノック・アウト・バインディングを適用します。 これは<oracle-dv>タグの後の<script>タグの内部に配置するか、またはonload bodyハンドラで実行する必要があります。
    requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
        ko.applyBindings();
    });

完全な例

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
   <head>
      <title>AJAX Standalone Demo</title>
      <script src="
http://example.com/dv/ui/api/v1/plugins/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