<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));
    });
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://inmydata.com/sdk/inmydata-components-all.min.js