nfqsolutions / ngx-tableau Goto Github PK
View Code? Open in Web Editor NEWAngular module that allows to embed a Tableau visualization in an Angular webapp
License: MIT License
Angular module that allows to embed a Tableau visualization in an Angular webapp
License: MIT License
Hi @hmartos,
Thanks for the help with the previous issue. I have got one more issue that has come up recently. I am trying to embed a private dashboard in Angular. As mentioned in the docs, I have added an IP to the server and can get a ticket. I am doing the following based on the examples you have provided.
<ngx-tableau
tableauVizUrl="http://**someserver**/views/TL_QA_real_new/TL?:showAppBanner=false&:display_count=n&:showVizHome=n&:origin=viz_share_link">
ticket="someticket"
</ngx-tableau>
This doesn't work. Either, it shows me the empty screen or says the ticket is not valid. I understand the ticket lasts only one time. Is this the correct approach?
I have tried a different approach as well. If in the browser, I do the following :
http://**someserver**/trusted/put_ticket_here/views/TL_QA_real_new/TL?:showAppBanner=false&:display_count=n&:showVizHome=n&:origin=viz_share_link">
I can see the dashboard but if I do that within angular, I see the login screen.
<ngx-tableau
tableauVizUrl='http://**someserver**/trusted/put_ticket_here/views/TL_QA_real_new/TL?:showAppBanner=false&:display_count=n&:showVizHome=n&:origin=viz_share_link>'
</ngx-tableau>
Is there anything wrong here? Any suggesations from your side.
Is it possible to get ride of the console log where the Tableau server URL is disclosed?
Hi!
Following the documentation on https://help.tableau.com/current/pro/desktop/en-us/embed_list.htm, I was wondering if you could do a simple implementation of their toolbar display configuration:
This way, we could do:
<ngx-tableau
tableauVizUrl="https://public.tableau.com/views/SuperSampleSuperstore/SuperDescriptive"
filters="{ Parameter3: 'Central' }"
toolbar="no"
Thanks!
I have mentioned both the parameters yet I get this error
<ngx-tableau
[tableauVizUrl]="url"
[serverUrl]="serverUrl"
[report]="report"
></ngx-tableau>
url: "https://public.tableau.com/views/Sehat-IntelVisualization/MainParametersDistribution;
serverUrl="https://public.tableau.com";
report="Sehat-IntelVisualization/MainParametersDistribution";
Is there support for adding jwt token to the component params maybe?
Hello and thank you for releasing this great tool!
I tried to use it in my Angular project, but it's giving me NG0203 error, which I believe is related to the inject() function?
I'm using Angular 16, is it compatible with your module? And has anyone reported similar errors before?
Thanks very much!
Hello team
Once I use this lib, it loads min.js file from https://public.tableau.com
Can I load this file from dedicated server?
Is there any issue with the tab hide or the current documentation don't work as expected
I noticed that when you try to run the package as-is, on a recent version of node, there a few NODE_OPTIONS flags need to be set.
By changing these lines in package.json, i was able to build it:
"test-ci": "NODE_OPTIONS=--openssl-legacy-provider ng test ngx-tableau --code-coverage --no-watch --browsers HeadlessChrome",
and
"build-tableau": "NODE_OPTIONS=--no-experimental-fetch ng build --prod ngx-tableau",
By setting these options, you revert some deprecations between node v16 and v18, although updating a bunch of dependencies is probably the best way forward.
Hi guys,
Thanks for the very helpful package. It has definitely made my life easier. I am trying to embed a Tableau dashboard with filter parameters but it doesn't seem to work.
I have tried with the given example as well:
<ngx-tableau
tableauVizUrl="https://public.tableau.com/views/SuperSampleSuperstore/SuperDescriptive"
filters="{ Parameter3: 'Central' }"
></ngx-tableau>
https://stackblitz.com/edit/ngx-tableau-dvczzy?file=src/app/app.component.html
I get the following error in the console:
dashboard/dashboard.component.html:23:17 - error TS2322: Type 'string' is not assignable to type 'object'.
What am I doing wrong? Any help will be really appreciated.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.