Dashboards & Visualizations

Titles for Grouped Gauges?

aferone
Builder

I have figured out how to put 4 and 5 gauges in one panel on my dashboard. However, without any type of title or label near each gauge, it is impossible to know which gauge does what.

How would I put a label or a title for each gauge, within one panel?

Thanks!

0 Karma
1 Solution

aferone
Builder
<view autoCancelInterval="90" isVisible="true" objectMode="SimpleDashboard" onunloadCancelJobs="true" refresh="-1" template="dashboard.html">
  <label>Index Gauges - Space Used - (GB)</label>
  <module name="AccountBar" layoutPanel="appHeader"/>
  <module name="AppBar" layoutPanel="navigationHeader"/>
  <module name="Message" layoutPanel="messaging">
    <param name="clearOnJobDispatch">False</param>
    <param name="maxSize">1</param>
    <param name="filter">*</param>
  </module>
  <module name="DashboardTitleBar" layoutPanel="viewHeader"/>
  <module name="Message" layoutPanel="navigationHeader">
    <param name="level">warn</param>
    <param name="clearOnJobDispatch">True</param>
    <param name="maxSize">1</param>
    <param name="filter">splunk.search.job</param>
  </module>


  <module name="HiddenSearch" layoutPanel="panel_row1_col1_grp1" group="NA1" autoRun="True">
    <param name="groupLabel">Perimeter</param>
    <param name="search">| eventcount summarize=false report_size=true index=perimeter | eval MB = size_bytes / 1000 / 1000 / 1000 | gauge MB 0 2000 4000 6500</param>
    <module name="ViewstateAdapter">
      <param name="suppressionList">
        <item>count</item>
        <item>displayRowNumbers</item>
        <item>charting.chart.height</item>
        <item>charting.chart</item>
      </param>
      <module name="HiddenFieldPicker">
        <param name="strictMode">True</param>
        <module name="JobProgressIndicator">
          <module name="EnablePreview">
            <param name="enable">True</param>
            <param name="display">False</param>
            <module name="HiddenChartFormatter">
             <param name="charting.chart">radialGauge</param>
              <param name="charting.chart.height">150</param>
              <module name="FlashChart">
                <param name="width">100%</param>
                <module name="Gimp"/>
                <module name="ConvertToDrilldownSearch">
                  <module name="ViewRedirector">
                    <param name="viewTarget">flashtimeline</param>
                  </module>
                </module>
              </module>
              <module name="ViewRedirectorLink">
                <param name="viewTarget">flashtimeline</param>
              </module>
            </module>
          </module>
        </module>
      </module>
    </module>

  <module name="HTML" layoutPanel="panel_row1_col1_grp1"> <param name="html"><![CDATA[ <h2><center>Total1</center></h2> ]]></param>
      </module>  
  </module>

  <module name="HiddenSearch" layoutPanel="panel_row1_col1_grp2" group="NA1" autoRun="True">
    <param name="groupLabel">Perimeter</param>
    <param name="search">| eventcount summarize=false report_size=true index=oa-022-m-grc-2202 | eval MB = size_bytes / 1000 / 1000 / 1000 | gauge MB 0 2000 4000 6500</param>
    <module name="ViewstateAdapter">
      <param name="suppressionList">
        <item>count</item>
        <item>displayRowNumbers</item>
        <item>charting.chart.height</item>
        <item>charting.chart</item>
      </param>
      <module name="HiddenFieldPicker">
        <param name="strictMode">True</param>
        <module name="JobProgressIndicator">
          <module name="EnablePreview">
            <param name="enable">True</param>
            <param name="display">False</param>
            <module name="HiddenChartFormatter">
             <param name="charting.chart">radialGauge</param>
              <param name="charting.chart.height">150</param>
              <module name="FlashChart">
                <param name="width">100%</param>
                <module name="Gimp"/>
                <module name="ConvertToDrilldownSearch">
                  <module name="ViewRedirector">
                    <param name="viewTarget">flashtimeline</param>
                  </module>
                </module>
              </module>
              <module name="ViewRedirectorLink">
                <param name="viewTarget">flashtimeline</param>
              </module>
            </module>
          </module>
        </module>
      </module>
    </module>    

  <module name="HTML" layoutPanel="panel_row1_col1_grp2"> <param name="html"><![CDATA[ <h2><center>Total2</center></h2> ]]></param>
     </module>   
    </module>    
</view>

View solution in original post

0 Karma

aferone
Builder
<view autoCancelInterval="90" isVisible="true" objectMode="SimpleDashboard" onunloadCancelJobs="true" refresh="-1" template="dashboard.html">
  <label>Index Gauges - Space Used - (GB)</label>
  <module name="AccountBar" layoutPanel="appHeader"/>
  <module name="AppBar" layoutPanel="navigationHeader"/>
  <module name="Message" layoutPanel="messaging">
    <param name="clearOnJobDispatch">False</param>
    <param name="maxSize">1</param>
    <param name="filter">*</param>
  </module>
  <module name="DashboardTitleBar" layoutPanel="viewHeader"/>
  <module name="Message" layoutPanel="navigationHeader">
    <param name="level">warn</param>
    <param name="clearOnJobDispatch">True</param>
    <param name="maxSize">1</param>
    <param name="filter">splunk.search.job</param>
  </module>


  <module name="HiddenSearch" layoutPanel="panel_row1_col1_grp1" group="NA1" autoRun="True">
    <param name="groupLabel">Perimeter</param>
    <param name="search">| eventcount summarize=false report_size=true index=perimeter | eval MB = size_bytes / 1000 / 1000 / 1000 | gauge MB 0 2000 4000 6500</param>
    <module name="ViewstateAdapter">
      <param name="suppressionList">
        <item>count</item>
        <item>displayRowNumbers</item>
        <item>charting.chart.height</item>
        <item>charting.chart</item>
      </param>
      <module name="HiddenFieldPicker">
        <param name="strictMode">True</param>
        <module name="JobProgressIndicator">
          <module name="EnablePreview">
            <param name="enable">True</param>
            <param name="display">False</param>
            <module name="HiddenChartFormatter">
             <param name="charting.chart">radialGauge</param>
              <param name="charting.chart.height">150</param>
              <module name="FlashChart">
                <param name="width">100%</param>
                <module name="Gimp"/>
                <module name="ConvertToDrilldownSearch">
                  <module name="ViewRedirector">
                    <param name="viewTarget">flashtimeline</param>
                  </module>
                </module>
              </module>
              <module name="ViewRedirectorLink">
                <param name="viewTarget">flashtimeline</param>
              </module>
            </module>
          </module>
        </module>
      </module>
    </module>

  <module name="HTML" layoutPanel="panel_row1_col1_grp1"> <param name="html"><![CDATA[ <h2><center>Total1</center></h2> ]]></param>
      </module>  
  </module>

  <module name="HiddenSearch" layoutPanel="panel_row1_col1_grp2" group="NA1" autoRun="True">
    <param name="groupLabel">Perimeter</param>
    <param name="search">| eventcount summarize=false report_size=true index=oa-022-m-grc-2202 | eval MB = size_bytes / 1000 / 1000 / 1000 | gauge MB 0 2000 4000 6500</param>
    <module name="ViewstateAdapter">
      <param name="suppressionList">
        <item>count</item>
        <item>displayRowNumbers</item>
        <item>charting.chart.height</item>
        <item>charting.chart</item>
      </param>
      <module name="HiddenFieldPicker">
        <param name="strictMode">True</param>
        <module name="JobProgressIndicator">
          <module name="EnablePreview">
            <param name="enable">True</param>
            <param name="display">False</param>
            <module name="HiddenChartFormatter">
             <param name="charting.chart">radialGauge</param>
              <param name="charting.chart.height">150</param>
              <module name="FlashChart">
                <param name="width">100%</param>
                <module name="Gimp"/>
                <module name="ConvertToDrilldownSearch">
                  <module name="ViewRedirector">
                    <param name="viewTarget">flashtimeline</param>
                  </module>
                </module>
              </module>
              <module name="ViewRedirectorLink">
                <param name="viewTarget">flashtimeline</param>
              </module>
            </module>
          </module>
        </module>
      </module>
    </module>    

  <module name="HTML" layoutPanel="panel_row1_col1_grp2"> <param name="html"><![CDATA[ <h2><center>Total2</center></h2> ]]></param>
     </module>   
    </module>    
</view>
0 Karma

aferone
Builder

To all, for clarification, the answer to this question is in the comments of this answer. The first comment from richgalloway, to be exact.

0 Karma

aferone
Builder

Rich,

I used the StaticContentSample option. Even though I have SideviewUtils installed, I was still running into an issue. However, the StaticContentSample works like a charm.

Thank you for your time and help!!

0 Karma

richgalloway
SplunkTrust
SplunkTrust

I neglected to mention the HTML module is supplied by the Sideview Utils app. If you have that app installed, add '<module name="SideviewUtils" layoutpanel="appHeader"/>' to the top of your view. Once I did that, your code worked.
If you don't have Sideview Utils, StaticContentSample will work. Replace the 'HTML' module name with 'StaticContentSample' and change the param name from 'html' to 'text'.

---
If this reply helps you, Karma would be appreciated.
0 Karma

richgalloway
SplunkTrust
SplunkTrust

I use HTML modules to add labels. For example:

<module name="HiddenSavedSearch" autoRun="True">
<param name="savedSearch">foo</param>
<module name="PostProcess" layoutPanel="panel_row1_col1_grp1">
<param name="search"><![CDATA[gauge Total 10 20 30 40]]></param>
<module name="HiddenChartFormatter">
<param name="charting.chart">radialGauge</param>
<param name="charting.chart.showLabels">false</param>
<param name="charting.chart.rangeStartAngle">60</param>
<param name="charting.chart.rangeArcAngle">240</param>
<module name="FlashChart">
<param name="width">100%</param>
<param name="height">143px</param>
</module>
</module>
</module>
<module name="HTML" layoutPanel="panel_row1_col1_grp1">
<param name="html"><![CDATA[
<h2><center>Total</center></h2>
]]></param>
</module>
</module>

---
If this reply helps you, Karma would be appreciated.
0 Karma

aferone
Builder

Posting XML as a new answer with simplified module...

0 Karma

richgalloway
SplunkTrust
SplunkTrust

I've simplified my example a little by changing the second PostProcess to HTML, which should be sufficient for displaying fixed labels.

---
If this reply helps you, Karma would be appreciated.
0 Karma

aferone
Builder

Right. That's what I did. I just used the 2nd PostProcess module. I'll try simplifying my code. If it still doesn't work, I'll post.

Thanks!

0 Karma

richgalloway
SplunkTrust
SplunkTrust

My example XML is just an example so it won't work as-is. Try putting the second PostProcess module after your first gauge, modifying the layoutPanel value as required. If you're still stuck, consider posting your XML.

---
If this reply helps you, Karma would be appreciated.
0 Karma

aferone
Builder

Thank you for the reply!

When I try to add this to my dashboard, the panels load, but with no charts or gauges in them. I also get a green "Loading..." box at the top center of the dashboard. But no data.

0 Karma
Get Updates on the Splunk Community!

What's new in Splunk Cloud Platform 9.1.2312?

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

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...