<inmydata-dashboard id="dashboard" render="true" dashboard-id="a4019f2a-11f5-4e6c-8543-f4be336f365b" tenant="demo" suppress-drilldown="false" demo="true"></inmydata-dashboard>
html,
body {
display: flex;
flex-direction: column;
height: 100%;
}
// Add code to handle drilldown events
window.onload = function() {
document
.getElementById("dashboard")
.addEventListener("inmydata.drilldown", function (event) {
// We'll just display the event details in an alert box
alert(
'The following drill down was pressed: '
+ JSON.stringify(event.detail, null, 2));
});
}
This Pen doesn't use any external CSS resources.