Getting a water gauge viz into the same panel as o...

Lucas_K · ‎07-26-2016

In simplexml you can normal do something like the following

<panel>
 <title>Single value one</title>
    <single>
       <search> blah </search>
    </single>
 <title>TSingle value two</title>
    <single>
       <search> blah </search>
    </single>
</panel>

This would give you two nice single panels right next to each other.

I can't seem to get the same behaviour with the water gauge.

Even if I add it inside the same panel it will be on a brand new row.

Current

What I am after

niketn · ‎04-20-2018

Following is a run anywhere example based on @nsanchezfernandez 's answer. Padding has been added on top of the panel to push visualization a bit down in the panel.

<dashboard>
  <label>Mutiple Watergauges in same Panel</label>
  <row>
    <panel depends="$alwaysHideCSSPanel$">
      <html>
        <style>
          #panel1 .panel-element-row {
          width: 50%;
          padding-top:20px;
          }

          #panel1 .dashboard-panel {
          display: flex;
          }        
        </style>
      </html>
    </panel>
    <panel id="panel1">
      <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>
      <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!!!"

nsanchezfernand · ‎09-26-2017

Hi!

You could apply css to get what you want:

#your_panel_id .panel-element-row {
width: 48%;
}

#your_panel_id .dashboard-panel {
display: flex;
}

These are two water gauges, but it is the same for other visualizations:

Hope I help you.

Bentash · ‎02-14-2018

How will you drill down?

hafizuddin · ‎04-19-2018

hi can you please write and explain the full command for this...I not understand it clearly

nzou_splunk · ‎07-31-2016

Seeing from web page Dom tree, seems splunk will generate <...custom viz element... > for each custom viz even you put the into one panel. I think that means, by default, each custom viz will be in a separarte row...

svercelli · ‎07-26-2016

Unfortunately the documentation seems to support that only Single value visualizations will group horizontally.

There was another way to do it in an answer on this question with what seems incorporating a script but it seems overly complex for what you would think would be such a simple task

Lucas_K · ‎07-27-2016

Might double check the most recent examples app and see if they use any weird alignment method or extension.

svercelli · ‎07-27-2016

take a look at the answer they gave here https://answers.splunk.com/answers/221370/splunk6-group-visualization-elements-horizontally.html

jmheaton · ‎07-26-2016

Why cant you put them in two different panels on the same row?

Lucas_K · ‎07-26-2016

I am already grouping multiple singles together in panels.

The panels form the columns. All other normal viz styles support this.

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

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

New in Observability Cloud - Explicit Bucket Histograms