Hi @Graether - I wrote the heatmap app. There is no drill down functionality, just a mouse over information.
In this example, you'll see a correlation matrix, where hovering over the cell will show the correlation value:
However, if you are willing to add some javascript to your dashboard, this is accomplishable with the splunkjs mvc.
First, add an id to the dashboard viz element...
<row>
<panel>
<viz type="heatmap_app.heatmap" id='myheatmap'>
After that, add a new javascript file to $SPLUNK_HOME/etc/apps/< whatever app you are in>/appserver/static , called setHeatmapTokens.js :
require([
"jquery",
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!"
], function($, mvc) {
// Setup tokens
var submittedTokens = mvc.Components.get("submitted");
var defaultTokens = mvc.Components.get("default");
// Get the div container
var div = $('#myheatmap')
function setToken(name, value) {
submittedTokens.set(name, value);
defaultTokens.set(name, value);
}
// Add listener
div.on('plotly_click', function (e, data) {
var point = data.points[0]
setToken('heatmap_x', point.x)
setToken('heatmap_y', point.y)
setToken('heatmap_z', point.z)
})
});
Make sure to reference the javascript file in the dashboard
<dashboard script="setHeatmapTokens.js">
Lastly, restart splunk web or go to the _bump endpoint to load the new javascript file:
http://<your splunk url & port>/en-US/_bump
After that, you should be able to use the heatmap_x , heatmap_y , and heatmap_z tokens in the dashboard.
... View more
