Titles for Grouped Gauges?

[aferone]

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!

[aferone · Accepted solution]

<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>

[aferone]

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

[aferone]

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!!

[richgalloway]

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'.

[richgalloway]

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>


[aferone]

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

[richgalloway]

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

[aferone]

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!

[richgalloway]

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.

[aferone]

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.