https://github.com/edocbuhtig/tableau-integration-angular
Tableau Angular Integration
https://github.com/edocbuhtig/tableau-integration-angular
angular angular-tableau tableau tableau-angular-integration tableau-desktop tableau-repository
Last synced: 12 months ago
JSON representation
Tableau Angular Integration
- Host: GitHub
- URL: https://github.com/edocbuhtig/tableau-integration-angular
- Owner: edocbuhtig
- Created: 2020-07-13T16:56:07.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-02-12T10:41:59.000Z (about 3 years ago)
- Last Synced: 2025-03-27T04:33:26.061Z (about 1 year ago)
- Topics: angular, angular-tableau, tableau, tableau-angular-integration, tableau-desktop, tableau-repository
- Language: TypeScript
- Homepage: https://sunilk.work
- Size: 887 KB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Tableau Angular Integration
## Screenshot
## Intro
This code combines ES + Javascript mixture to demo how to achieve results using both.
### Import Tableau JS API Lib in angular.json
```
"build": {
...
"options": {
...
"assets": [
...
],
"styles": [
...
],
"scripts": ["src/assets/libs/tableau.js"]
},
```
### Create a window instance for tableau object
```
import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
declare var tableau: any;
// The only compatible way to access tableau object in angular 2+
@Component({
selector: 'app-tableau',
templateUrl: './tableau.component.html',
styleUrls: ['./tableau.component.scss']
})
```
### Follow the Tableau API examples for filters and variation of worksheets
```
https://help.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_samples.htm
```
### Angular Version
```
Angular CLI: 10.0.2
Node: 12.18.1
Angular: 10.0.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.1000.2
@angular-devkit/build-angular 0.1000.2
@angular-devkit/build-optimizer 0.1000.2
@angular-devkit/build-webpack 0.1000.2
@angular-devkit/core 10.0.2
@angular-devkit/schematics 10.0.2
@angular/cli 10.0.2
@ngtools/webpack 10.0.2
@schematics/angular 10.0.2
@schematics/update 0.1000.2
rxjs 6.5.5
typescript 3.9.6
webpack 4.43.0
```