Dashboards & Visualizations

How do I set token in d3 js visulization?



I have below XML Dashboard code. The first panel displays calender heat map using d3 js library as shown below.


My requirement is, when a day on the calender is clicked, that date value needs to be passed as token to the second panel.  I could not get this working. Could you please help me ?

<form script="autodiscover.js" hideChrome="true" >
<label>Monthly Utilization</label>
<title>Rolling Average</title>
<div id="search1" class="splunk-manager"
"search": {
"type": "token_safe",
"source=...........| timechart span=1d values(AverageVAL) as \"Average VAL\""},
"cancelOnUnload": true,
"preview": true

<div id="heat_map" class="splunk-view" align="center" data-require="app/MFDashboard/calendarheatmap/calendarheatmap2" data-options='{
"id" : "fcal",
"managerid" : "search1",
"domain" : "month",
"subDomain" : "day"

<set token="Selectedday">$click.value$</set>

<panel depends="$Selectedday$">
<p> Testing... </p>

Labels (1)
0 Karma
Get Updates on the Splunk Community!

Detecting Remote Code Executions With the Splunk Threat Research Team

WATCH NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If exploited, ...

Enter the Splunk Community Dashboard Challenge for Your Chance to Win!

The Splunk Community Dashboard Challenge is underway! This is your chance to showcase your skills in creating ...

.conf24 | Session Scheduler is Live!!

.conf24 is happening June 11 - 14 in Las Vegas, and we are thrilled to announce that the conference catalog ...