<div id="container" style="display: none;">
<inmydata-aichart tenant="demo" domain="inmydata.com" demo="true" width="100%" height="100%" show-toolbar="true" show-tools="false" show-tool-toggle="true" read-only="false" suppress-drilldown="false"></inmydata-aichart>
</div>html,
body {
display: flex;
flex-direction: column;
height: 100%;
}
#container {
flex-grow: 1;
}window.addEventListener("message", function (event) {
if(event["data"]) {
let eventName = event.data.split(":")[0];
if (eventName === "inmydata.ai.chart.update")
container.attributes.style.value = "";
}
});
External CSS
This Pen doesn't use any external CSS resources.