We are going to utilize Tableau Javascript API for embedding the report.
The Tableau JavaScript API uses an object model. The entry point into the object model is to instantiate a new Viz object as follows:
var viz = new tableau.Viz( /* params omitted */ );
Steps to do
Prerequisites — Get the visualization url of your Tableau report/dashboard
Let’s follow the below steps for embedding the report in Angular application:-
Step 1: Adding API file in index.html
As a first step we need to add the below Tableau API file in the index.html of our Angular application.
https://public.tableau.com/javascripts/api/tableau-2.min.js