Lucjan - Hi Team. We want to embed some element...
Hi Team. We want to embed some elements (Liveboards, visualisation, etc.) of ThoughtSpot on our pages.. I use the SDK, and it lochart disappeared. Any advice?
JS
// Embed 1st ThoughtSpot Object
new LiveboardEmbed("#"+divId, {
liveboardId: "f50d2a46-d4c2-4de9-aa80-5947cace4d88",
vizId: "36156841-956b-43de-89a4-a532a9447ea9",
mode: 'full-app', // Adjust as needed
width: '100%', // Adjust width as needed
height: '200px' // Adjust height as needed
}).render();
const embedElement = document.getElementById(divId);
embedElement.style.width = '100%'; // Adjust as needed
embedElement.style.height = '200px'; // Adjust as needed
CSS
.embed-wrapper iframe {
transform: scale(0.8);
transform-origin: top left;
position: absolute;
width: 100%; /* Adjust as needed /
height: 200px; / Adjust as needed */
border: none;
overflow: hidden;
}
JS
// Embed 1st ThoughtSpot Object
new LiveboardEmbed("#"+divId, {
liveboardId: "f50d2a46-d4c2-4de9-aa80-5947cace4d88",
vizId: "36156841-956b-43de-89a4-a532a9447ea9",
mode: 'full-app', // Adjust as needed
width: '100%', // Adjust width as needed
height: '200px' // Adjust height as needed
}).render();
const embedElement = document.getElementById(divId);
embedElement.style.width = '100%'; // Adjust as needed
embedElement.style.height = '200px'; // Adjust as needed
CSS
.embed-wrapper iframe {
transform: scale(0.8);
transform-origin: top left;
position: absolute;
width: 100%; /* Adjust as needed /
height: 200px; / Adjust as needed */
border: none;
overflow: hidden;
}
