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