All Apps and Add-ons

Getting a water gauge viz into the same panel as other status indicator value viz

hafizuddin
Path Finder

hi guys...thanks to @nsanchezfernandez to help me before on this link https://answers.splunk.com/answers/434933/getting-a-water-gauge-viz-into-the-same-panel-as-o.html#an...

continue on link above

just want to ask...if it possible to make two water gauge viz into the same panel as other status indicator viz... I manage to make it for two water gauge viz in one panel but i need it to combine with other status indicator viz...

This what I after and it is possible to put all of this on one panel
alt text

0 Karma

niketn
Legend

@hafizuddin, building on the answer in the previous Splunk Answers question, please try the following:

alt text

<dashboard>
  <label>Status Indicator and Mutiple Watergauge Panels</label>
  <row depends="$alwaysHideCSSPanel$">
    <panel>
      <html>
        <style>
          #panel1 .panel-element-row {
          width: 50%;
          padding-top:20px;
          }

          #panel1 .dashboard-panel {
          display: flex;
          }        
        </style>
      </html>
    </panel>
  </row>
  <row>
    <panel id="panel1">
      <viz type="status_indicator_app.status_indicator">
        <search>
          <query>| makeresults
| fields - _time
| eval value="Up"</query>
          <earliest>$earliest$</earliest>
          <latest>$latest$</latest>
        </search>
        <option name="status_indicator_app.status_indicator.colorBy">static_color</option>
        <option name="status_indicator_app.status_indicator.fillTarget">text</option>
        <option name="status_indicator_app.status_indicator.fixIcon">server</option>
        <option name="status_indicator_app.status_indicator.icon">fix_icon</option>
        <option name="status_indicator_app.status_indicator.precision">0</option>
        <option name="status_indicator_app.status_indicator.showOption">1</option>
        <option name="status_indicator_app.status_indicator.staticColor">#65a637</option>
        <option name="status_indicator_app.status_indicator.useColors">true</option>
        <option name="status_indicator_app.status_indicator.useThousandSeparator">true</option>
      </viz>
      <viz type="cuviz_water_gauge.water_gauge">
        <search>
          <query>index=_internal sourcetype=splunkd component="Metrics"
| top 1 component showcount=f
| table percent</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="cuviz_water_gauge.water_gauge.circleColor">#178BCA</option>
        <option name="cuviz_water_gauge.water_gauge.circleFillGap">0.05</option>
        <option name="cuviz_water_gauge.water_gauge.circleThickness">0.05</option>
        <option name="cuviz_water_gauge.water_gauge.displayPercent">true</option>
        <option name="cuviz_water_gauge.water_gauge.height">220</option>
        <option name="cuviz_water_gauge.water_gauge.maxValue">100</option>
        <option name="cuviz_water_gauge.water_gauge.minValue">0</option>
        <option name="cuviz_water_gauge.water_gauge.textColor">#045681</option>
        <option name="cuviz_water_gauge.water_gauge.textSize">1</option>
        <option name="cuviz_water_gauge.water_gauge.textVertPosition">.5</option>
        <option name="cuviz_water_gauge.water_gauge.valueCountUp">true</option>
        <option name="cuviz_water_gauge.water_gauge.waveAnimate">true</option>
        <option name="cuviz_water_gauge.water_gauge.waveAnimateTime">50000</option>
        <option name="cuviz_water_gauge.water_gauge.waveColor">#178BCA</option>
        <option name="cuviz_water_gauge.water_gauge.waveCount">1</option>
        <option name="cuviz_water_gauge.water_gauge.waveHeight">0.1</option>
        <option name="cuviz_water_gauge.water_gauge.waveHeightScaling">true</option>
        <option name="cuviz_water_gauge.water_gauge.waveOffset">0</option>
        <option name="cuviz_water_gauge.water_gauge.waveRise">true</option>
        <option name="cuviz_water_gauge.water_gauge.waveRiseTime">1000</option>
        <option name="cuviz_water_gauge.water_gauge.waveTextColor">#A4DBf8</option>
        <option name="cuviz_water_gauge.water_gauge.width">220</option>
        <option name="drilldown">none</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
      <viz type="cuviz_water_gauge.water_gauge">
        <search>
          <query>index=_internal sourcetype=splunkd component!="Metrics"
| top 1 component showcount=f
| table percent</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="drilldown">none</option>
        <option name="trellis.enabled">0</option>
        <option name="trellis.scales.shared">1</option>
        <option name="trellis.size">medium</option>
      </viz>
    </panel>
  </row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

hafizuddin
Path Finder

hi @niketnilay... yeah i manage to do that...just to ask it is possible to sort the status indicator and water gauge like the share picture above in one panel?

0 Karma

niketn
Legend

What do you mean by sorting? It depends on which search your run first.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

hafizuddin
Path Finder

I mean can I place the status indicator on the top and water gauge on the bottom

0 Karma

niketn
Legend

Keep Status Indicator in a separate row

  <row>
    <panel>
      <viz type="status_indicator_app.status_indicator">
       ....
       ....
       ....
       </viz>
    </panel>
   </row>
  <row>
    <panel id="panel1">
      <viz type="cuviz_water_gauge.water_gauge">
       ....
       ....
       ....
       </viz>
      <viz type="cuviz_water_gauge.water_gauge">
       ....
       ....
       ....
       </viz>
    </panel>
   </row>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...