Dashboards & Visualizations

Geostats token passed to dropdown doesn't change after the first time it is clicked

johnansett
Communicator

I have a dashboard which starts with just a map, the idea is that by clicking on the cluster it will pass a token to a (hidden) dropdown box which then passes token to power some single values, this way I can pass the location to several searches (if there is a better way to do this the please let me know!!).

<form stylesheet="custom_decorations.css, latlon.css" script="tokenlinks.js">
  <label>Dashboard v2</label>
  <search id="COMPUTE_BY_LOCATION" ref="COMPUTE_BY_LOCATION">
    <earliest>-12h</earliest>
    <latest>now</latest>
  </search>
  <description>Dashboard</description>
  <fieldset submitButton="false">
    <input type="dropdown" token="location" searchWhenChanged="true">
      <label>Location</label>
      <search>
        <query>| inputlookup location | table Longitude Latitude Location  | search Latitude &gt;= $s$ Latitude &lt; $n$ Longitude &gt;= $w$ Longitude &lt; $e$ | head 1 | table Location</query>
      </search>
      <fieldForLabel>Location</fieldForLabel>
      <fieldForValue>Location</fieldForValue>
    </input>
  </fieldset>
  <row>
    <panel>
      <title>Core and Memory Count by Location</title>
      <map>
        <search>
          <query>
          index=summary
          | lookup location_v2 Location AS Location
          | stats count by vCores, vMemoryGB, vm_name, Location, Latitude, Longitude
          |  geostats latfield=Latitude longfield=Longitude globallimit=0 sum(vCores) AS "Cores", sum(vMemoryGB) AS "RAM" BY Location
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="mapping.choroplethLayer.colorBins">5</option>
        <option name="mapping.choroplethLayer.colorMode">auto</option>
        <option name="mapping.choroplethLayer.maximumColor">0xDB5800</option>
        <option name="mapping.choroplethLayer.minimumColor">0x2F25BA</option>
        <option name="mapping.choroplethLayer.neutralPoint">0</option>
        <option name="mapping.choroplethLayer.shapeOpacity">0.75</option>
        <option name="mapping.choroplethLayer.showBorder">1</option>
        <option name="mapping.data.maxClusters">10000</option>
        <option name="mapping.legend.placement">bottomright</option>
        <option name="mapping.map.center">(39.833333,-98.583333)</option>
        <option name="mapping.map.panning">1</option>
        <option name="mapping.map.scrollZoom">0</option>
        <option name="mapping.map.zoom">4</option>
        <option name="mapping.markerLayer.markerMaxSize">50</option>
        <option name="mapping.markerLayer.markerMinSize">10</option>
        <option name="mapping.markerLayer.markerOpacity">0.8</option>
        <option name="mapping.showTiles">1</option>
        <option name="mapping.tileLayer.maxZoom">9</option>
        <option name="mapping.tileLayer.minZoom">0</option>
        <option name="mapping.tileLayer.tileOpacity">1</option>
        <option name="mapping.type">marker</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
        <drilldown>
          <set token="n">$click.bounds.north$</set>
          <set token="s">$click.bounds.south$</set>
          <set token="e">$click.bounds.east$</set>
          <set token="w">$click.bounds.west$</set>
        </drilldown>
      </map>
      <html>
           <button class="btn" data-unset-token="n">Hide Fields</button>
      </html>
    </panel>
  </row>
  <row depends="$n$">
    <panel>
      <search base="COMPUTE_BY_LOCATION">
        <query>
          | search Location="$location$" | rangemap field=CPU_Capacity low=0-49 elevated=50-79 severe=80-99
        </query>
        <preview>
          <set token="cpu_value">$result.CPU_Capacity$</set>
          <set token="cpu_range">$result.range$</set>
        </preview>
      </search>
      <title>$location$ CPU Core Utilisation</title>
      <html>
           <div class="custom-result-value $cpu_range$">
             $cpu_value$
            </div>
            <p align="middle">CPU Core Capacity (% Used)</p>
            <button class="btn" data-set-token="cpu_chart" data-value="show">Show Chart</button>
            </html>
    </panel>
  </row>
</form>

This will work great on the first click: I can click a cluster and it will show the row (token $n$) and pass n,e,s,w tokens to the dropdown which will then show the location and pass the $location$ token along to the panel. The problem is if I then click another cluster on the map, it doesn't update the drop down again. I un-hid the dropdown and I can see what happens, essentially the value is there, available now but you need to drop it down to select it. I would like this to be seamless and not require anyone even seeing the hidden dropdown/search.

Interested to see if / how this can be done best!

Thanks!

0 Karma
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Take Action Automatically on Splunk Alerts with Red Hat Ansible Automation Platform

 Are you ready to revolutionize your IT operations? As digital transformation accelerates, the demand for ...

Calling All Security Pros: Ready to Race Through Boston?

Hey Splunkers, .conf25 is heading to Boston and we’re kicking things off with something bold, competitive, and ...

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Financial services organizations face an impossible equation: maintain 99.9% uptime for mission-critical ...