Dashboards & Visualizations
Highlighted

How to create a dashboard where if a user clicks on a field in a graph, it passes the values to and opens another dashboard?

New Member

I have a dashboard with a d3.js integration. Now when the user clicks on a particular field on the graph, I want another dashboard to open up with values passed from previous dashboard and display various graphs accordingly.

0 Karma
Highlighted

Re: How to create a dashboard where if a user clicks on a field in a graph, it passes the values to and opens another dashboard?

Community Manager
Community Manager

Hi @Punit

Have you checked out the documentation on drilldown behavior?
http://docs.splunk.com/Documentation/Splunk/6.2.1/Viz/Understandbasictableandchartdrilldownactions

Also, there's the free app Splunk 6.x Dashboard Examples with templates to work with:
https://apps.splunk.com/app/1603/

0 Karma
Highlighted

Re: How to create a dashboard where if a user clicks on a field in a graph, it passes the values to and opens another dashboard?

Motivator

hi punit,
tries to use the drillown.
Here is a sample code that you can use


    <fieldset submitButton="false">
        <!--
            Create an input to store the drilldown value. It will be hidden using custom javascript when
            the dashboard is loaded.
         -->
        <input type="text" token="sourcetype" searchWhenChanged="true" />
    </fieldset>

    <row>
        <table id="master">
            <title>Master</title>
            <searchString>index=_internal | stats count by sourcetype</searchString>
            <earliestTime>-60m@m</earliestTime>
            <latestTime>now</latestTime>
            <!-- Set the type of of drilldown, since we will always consume the same field, use row-->
            <option name="drilldown">row</option>
            <drilldown>
                <!-- Use set to specify the new token to be created.
                     Use any token from the page or from the click event to produce the value needed. -->
                <set token="sourcetype">$row.sourcetype$</set>
                <!-- If we also set the form.sourcetype the input will get updated too -->
                <set token="form.sourcetype">$row.sourcetype$</set>
            </drilldown>
        </table>
    </row>

    <row>
        <!-- depends is the way we tell the content to only show when the token has a value.
             Hint: use comma separated values if the element requires more than one token. -->
        <chart id="detail" depends="$sourcetype$">
            <title>Detail: $sourcetype$</title>
            <searchTemplate>index=_internal sourcetype=$sourcetype$ | timechart count</searchTemplate>
            <earliestTime>-60m@m</earliestTime>
            <latestTime>now</latestTime>
        </chart>
    </row>

</form>

or you downloaded the Dashboard 6.x Application examples for examples of this type.
please forgive my english.

0 Karma