ngx-oracle-dv

NGX Oracle Data Visualization

Installation

1. Install ngx-oracle-dv module npm install ngx-oracle-dv

2. Add Oracle Analytics Visualisations embedding script to index.html of the project.

<script
    src="<oac instance url>/dv/ui/api/v1/plugins/embedding/standalone/embedding.js"
    type="application/javascript">
</script>

1. Add NgxOracleDvModule to your module imports

import { NgxOracleDvModule } from 'ngx-oracle-dv';
...
@NgModule({
  ...
  imports: [
    ...
    NgxOracleDvModule
  ],
  ...
})

1. Use ngx-oracle-dv component in your project

<ngx-oracle-dv projectPath="/@Catalog/users/john_doe/sample_workbook"></ngx-oracle-dv>

or

<ngx-oracle-dv projectPath="/@Catalog/users/john_doe/sample_workbook"
    activePage="canvas" activeTabId="1" filters="'[]'"
    projectOptions="'{bDisableMobileLayout: false,bShowFilterBar: true}'"></ngx-oracle-dv>

Note: This component requires Single Sign On to be enable between the Oracle Analytics Cloud and your application. For testing, you can run the application in the same browser where you are signed into Oracle Analytics Cloud to get around the Single Sign On requirement.

Props

projectPath (required) (string) Specifies the repository path of the workbook that you want to render.

activePage (optional) ('canvas' | 'insight') Specifies whether a canvas or insight other than the default is rendered. When you specify active-page, you also use active-tab-id to specify the exact canvas or story page that you’re showing. Valid values are canvas and insight.

activeTabId (optional) (string | number) (Optional) Specifies the ID of the canvas or the story page that you’re showing.