<inmydata-vis id="vis" vis-id="29a70f82-1f9e-4d69-95bb-445957ab7990" tenant="demo" domain="inmydata.com" width="100%" height="100%" show-toolbar="false" show-tools="false" show-tool-toggle="true" read-only="false" suppress-drilldown="false">
html,
body {
display: flex;
flex-direction: column;
height: 100%;
}
// Add an event listener for the drill down event
window.onload = function() {
document
.getElementById("vis")
.addEventListener("inmydata.drilldown", function (event) {
// We'll just display the event details in an alert box
alert(
'The following drill down was pressed: \n'
+ JSON.stringify(event.detail, null, 2));
});
}
This Pen doesn't use any external CSS resources.