Dashboards & Visualizations

Custom dashboard panel distribution

cpm003
Path Finder

Hi all,
I am trying to get this kind of visualization.

Could anybody help me?

Best regards!

demo.PNG

Labels (1)
0 Karma
1 Solution

gcusello
SplunkTrust
SplunkTrust

Hi @cpm003 ,

you have to insert some html component in your dashboard and collapse more panels in one, something like this:

  <row>
    <panel>
      <title>Title</title>
      <table>
        <title>Title<title>
        <search>
          <query>my_search</query>
          <earliest>$Time.earliest$</earliest>
          <latest>$Time.latest$</latest>
        </search>
        <option name="count">100</option>
        <option name="dataOverlayMode">none</option>
        <option name="drilldown">none</option>
        <option name="percentagesRow">false</option>
        <option name="refresh.display">progressbar</option>
        <option name="rowNumbers">false</option>
        <option name="totalsRow">false</option>
        <option name="wrap">true</option>
      </table>
    </panel>
    <panel>
      <title>Title</title>
      <html>
         <style type="text/css">
            .single {
              width: 50% !important;
              }
      </style>
     </html>
      <single>
        <search>
          <query>
            your_search
          </query>
        </search>
        <option name="drilldown">none</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Tenant</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
            your-search
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Device</option>
        <option name="useColors">0</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
             your_search   
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Minacce</option>
        <option name="useColors">1</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
            your_search
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Minacce</option>
        <option name="useColors">1</option>
      </single>
    </panel>
  </row>

Ciao.

Giuseppe

View solution in original post

gcusello
SplunkTrust
SplunkTrust

Hi @cpm003 ,

you have to insert some html component in your dashboard and collapse more panels in one, something like this:

  <row>
    <panel>
      <title>Title</title>
      <table>
        <title>Title<title>
        <search>
          <query>my_search</query>
          <earliest>$Time.earliest$</earliest>
          <latest>$Time.latest$</latest>
        </search>
        <option name="count">100</option>
        <option name="dataOverlayMode">none</option>
        <option name="drilldown">none</option>
        <option name="percentagesRow">false</option>
        <option name="refresh.display">progressbar</option>
        <option name="rowNumbers">false</option>
        <option name="totalsRow">false</option>
        <option name="wrap">true</option>
      </table>
    </panel>
    <panel>
      <title>Title</title>
      <html>
         <style type="text/css">
            .single {
              width: 50% !important;
              }
      </style>
     </html>
      <single>
        <search>
          <query>
            your_search
          </query>
        </search>
        <option name="drilldown">none</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Tenant</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
            your-search
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Device</option>
        <option name="useColors">0</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
             your_search   
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Minacce</option>
        <option name="useColors">1</option>
      </single>
      <single>
        <title>Title</title>
        <search>
          <query>
            your_search
          </query>
        </search>
        <option name="drilldown">all</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="underLabel">Minacce</option>
        <option name="useColors">1</option>
      </single>
    </panel>
  </row>

Ciao.

Giuseppe

cpm003
Path Finder

Thank you gcusello!

succ.PNG

 

 

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Modernize your Splunk Apps – Introducing Python 3.13 in Splunk

We are excited to announce that the upcoming releases of Splunk Enterprise 10.2.x and Splunk Cloud Platform ...

Step into “Hunt the Insider: An Splunk ES Premier Mystery” to catch a cybercriminal ...

After a whole week of being on call, you fell asleep on your keyboard, and you hit a sequence of buttons that ...