Dashboards & Visualizations

Parallel Coordinates in a simple XML form

ivantn21
Explorer

I'm trying to add a drop down menu to the parallel coordinates visualization that is available on the Splunk 6 dashboard examples apps... But it seems to not work at all... any help?? here you have the view xml

<form script="autodiscover.js">
    <label>D3 Parallel Coordinates</label>
<fieldset autoRun="true" submitButton="false">
<input type="dropdown" token="source" searchWhenChanged="true">
<label>Select a Sourcetype:</label>
<prefix>sourcetype="</prefix>
<suffix>"</suffix>
<default>*</default>
<choice value="*">All</choice>
<populatingSearch fieldForValue="sourcetype" fieldForLabel="sourcetype" earliest="-24h" latest="now">
<![CDATA[index=_internal | stats count by sourcetype]]>
</populatingSearch>
</input>
</fieldset>
    <row>
        <html>
            <h2>Metrics: Pipeline</h2>

            <div id="custom_search"
                 class="splunk-manager"
                 data-require="splunkjs/mvc/searchmanager"
                 data-options='{
                        "search": "index=_internal $source$ component=Metrics group=pipeline | dedup 2 name,processor | table name processor cpu_seconds executes cummulative_hits",
                        "earliest_time": "-1h"
                    }'>
            </div>

            <div id="custom"
                 class="splunk-view"
                 data-require="app/simple_xml_examples/components/parallelcoords/parallelcoords"
                 data-options='{
                        "managerid": "custom_search",
                        "height": 400
                    }'>
            </div>

        </html>
    </row>
    <row>
        <html>
            <h2>Metrics: Queue</h2>

            <div id="custom_search2"
                 class="splunk-manager"
                 data-require="splunkjs/mvc/searchmanager"
                 data-options='{
                        "search": "index=_internal $source$ component=Metrics group=queue | dedup name | table name max_size_kb current_size largest_size smallest_size",
                        "earliest_time": "-1h"
                    }'>
            </div>

            <div id="custom2"
                 class="splunk-view"
                 data-require="app/simple_xml_examples/components/parallelcoords/parallelcoords"
                 data-options='{
                        "managerid": "custom_search2",
                        "height": 300
                    }'>
            </div>

        </html>
    </row>
</form>
Tags (2)

nfilippi_splunk
Splunk Employee
Splunk Employee

Can you clarify what you mean by not work at all? Is this view within the simple_xml_examples app space, or do you have it in a separate app? If separate, do you have the referenced autodiscover.js in your appserver/static directory? Does it work if you remove the token reference within the search?

If it otherwise works when you remove the tokens in your search, then go ahead and try this xml to ensure that the search gets reloaded on token change.

<form script="autodiscover.js">
    <label>D3 Parallel Coordinates</label>
    <fieldset autoRun="true" submitButton="false">
        <input type="dropdown" token="source" searchWhenChanged="true">
            <label>Select a Sourcetype:</label>
            <prefix>sourcetype="</prefix>
            <suffix>"</suffix>
            <default>*</default>
            <choice value="*">All</choice>
            <populatingSearch fieldForValue="sourcetype" fieldForLabel="sourcetype" earliest="-24h" latest="now">
                <![CDATA[index=_internal | stats count by sourcetype]]>
            </populatingSearch>
        </input>
        <input type="time" searchWhenChanged="true">
            <default>
                <earliestTime>-60m@m</earliestTime>
                <latestTime>now</latestTime>
            </default>
        </input>
    </fieldset>
    <row>
        <html>
            <h2>Metrics: Pipeline</h2>

            <div id="custom_search"
                 class="splunk-manager"
                 data-require="splunkjs/mvc/searchmanager"
                 data-options='{
                        "search": { "type": "token_safe", "value": "index=_internal $$source$$ component=Metrics group=pipeline | dedup 2 name,processor | table name processor cpu_seconds executes cummulative_hits" },
                        "earliest_time": { "type": "token_safe", "value": "$$earliest$$" },
                        "latest_time": { "type": "token_safe", "value": "$$latest$$" }
                    }'>
            </div>

            <div id="custom"
                 class="splunk-view"
                 data-require="app/simple_xml_examples/components/parallelcoords/parallelcoords"
                 data-options='{
                        "managerid": "custom_search",
                        "height": 400
                    }'>
            </div>

        </html>
    </row>
    <row>
        <html>
            <h2>Metrics: Queue</h2>

            <div id="custom_search2"
                 class="splunk-manager"
                 data-require="splunkjs/mvc/searchmanager"
                 data-options='{
                        "search": { "type": "token_safe", "value": "index=_internal $$source$$ component=Metrics group=queue | dedup name | table name max_size_kb current_size largest_size smallest_size" },
                        "earliest_time": { "type": "token_safe", "value": "$$earliest$$" },
                        "latest_time": { "type": "token_safe", "value": "$$latest$$" }
                    }'>
            </div>

            <div id="custom2"
                 class="splunk-view"
                 data-require="app/simple_xml_examples/components/parallelcoords/parallelcoords"
                 data-options='{
                        "managerid": "custom_search2",
                        "height": 300
                    }'>
            </div>

        </html>
    </row>
</form>

sajbutler
Path Finder

Yep. I can confirm that the token_safe you specified in the XML makes it work. Thanks so much!

0 Karma

ivantn21
Explorer

Thanks... I'm using it in the same example app... this xml did work... Thanks

0 Karma
Get Updates on the Splunk Community!

Continuing Innovation & New Integrations Unlock Full Stack Observability For Your ...

You’ve probably heard the latest about AppDynamics joining the Splunk Observability portfolio, deepening our ...

Monitoring Amazon Elastic Kubernetes Service (EKS)

As we’ve seen, integrating Kubernetes environments with Splunk Observability Cloud is a quick and easy way to ...

Cloud Platform & Enterprise: Classic Dashboard Export Feature Deprecation

As of Splunk Cloud Platform 9.3.2408 and Splunk Enterprise 9.4, classic dashboard export features are now ...