All Apps and Add-ons

How can I place a search bar above a sankey chart?

hylam
Contributor

It should work like a search app with sankey chart visualization. The running search should cause the sankey chart and stats table to update. Don't forget the time picker.

EDIT1
wide text box + submit button + separate time picker should work, too.

0 Karma
1 Solution

MuS
Legend

Hi hylam,

take this run everywhere dashboard to see how it can be done:

<form script="autodiscover.js">
  <label>my_foo_selector Clone</label>
  <fieldset submitButton="ture">
    <input type="time" token="time">
      <label>Select time range:</label>
      <default>
        <earliest>@d</earliest>
        <latest>now</latest>
      </default>
    </input>
    <input type="text" token="text">
      <label>Enter text to search:</label>
      <default>*</default>
    </input>
  </fieldset>
  <search id="viz_search">
    <query>
      <![CDATA[
                    index=_internal $text$ earliest="$time.earliest$" latest="$time.latest$" sourcetype=splunk_web_access NOT uri_path=*/static/* uri_path=*/app/* OR uri_path=*/manager/* 
                    | rex field=referer "https?://.+?/.+?(?<referer_path>/[^\\?]+)" 
                    | rex field=uri_path "/.+?(?<path>/.+)" 
                    | rename referer_path as from path as to 
                    | stats count by from to | sort -count | head 50
                ]]>
    </query>
  </search>
  <row>
    <panel>
      <html>
       <h2>Sankey</h2>
       <div id="sankey" class="splunk-view" data-require="app/simple_xml_examples/components/sankey/sankey" data-options="{                             &quot;managerid&quot;: &quot;viz_search&quot;,                             &quot;height&quot;: 400                          }">
                </div>
      </html>
    </panel>
  </row>
</form>

You must have the Simple XML dashboard example App installed https://splunkbase.splunk.com/app/1603/

Hope this helps to get you started and change / modify / add any additional charts as needed 😉

cheers, MuS

View solution in original post

MuS
Legend

Hi hylam,

take this run everywhere dashboard to see how it can be done:

<form script="autodiscover.js">
  <label>my_foo_selector Clone</label>
  <fieldset submitButton="ture">
    <input type="time" token="time">
      <label>Select time range:</label>
      <default>
        <earliest>@d</earliest>
        <latest>now</latest>
      </default>
    </input>
    <input type="text" token="text">
      <label>Enter text to search:</label>
      <default>*</default>
    </input>
  </fieldset>
  <search id="viz_search">
    <query>
      <![CDATA[
                    index=_internal $text$ earliest="$time.earliest$" latest="$time.latest$" sourcetype=splunk_web_access NOT uri_path=*/static/* uri_path=*/app/* OR uri_path=*/manager/* 
                    | rex field=referer "https?://.+?/.+?(?<referer_path>/[^\\?]+)" 
                    | rex field=uri_path "/.+?(?<path>/.+)" 
                    | rename referer_path as from path as to 
                    | stats count by from to | sort -count | head 50
                ]]>
    </query>
  </search>
  <row>
    <panel>
      <html>
       <h2>Sankey</h2>
       <div id="sankey" class="splunk-view" data-require="app/simple_xml_examples/components/sankey/sankey" data-options="{                             &quot;managerid&quot;: &quot;viz_search&quot;,                             &quot;height&quot;: 400                          }">
                </div>
      </html>
    </panel>
  </row>
</form>

You must have the Simple XML dashboard example App installed https://splunkbase.splunk.com/app/1603/

Hope this helps to get you started and change / modify / add any additional charts as needed 😉

cheers, MuS

Get Updates on the Splunk Community!

Optimize Cloud Monitoring

  TECH TALKS Optimize Cloud Monitoring Tuesday, August 13, 2024  |  11:00AM–12:00PM PST   Register to ...

What's New in Splunk Cloud Platform 9.2.2403?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.2.2403! Analysts can ...

Stay Connected: Your Guide to July and August Tech Talks, Office Hours, and Webinars!

Dive into our sizzling summer lineup for July and August Community Office Hours and Tech Talks. Scroll down to ...