I have two separate panel, one is speedometer panel and another one is single value in dashboard.
I want to merge both panel in single panel visualization side by side. Currently I merged both panel, but its coming down. Not coming side by side.
no , I am not getting while mention height 150'.
its displaying top and bottom, not viewing side by side.
I need side by side of both in same panel.
@karthikeyan_k14, you would also need to convert to HTML Dashboard have you tried that. Once you created HTML dashboard you would need to make changes as suggested in Option 1.
@Karthikeyan_k14, You have two options
Option 1: What you have asked is possible in HTML Dashboard. You should be aware that once dashboard is Converted to HTML, you will loose simple UI based editing offered by Simple XML.
The moment you try to club two different visualizations under the same panel, Splunk created separate rows as shown below in <div class="panel-element-row">
:
<div id="row1" class="dashboard-row dashboard-row1">
<div id="panel1" class="dashboard-cell" style="width: 100%;">
<div class="dashboard-panel clearfix">
<div class="panel-element-row">
<div id="element1" class="dashboard-element chart" style="width: 100%">
<div class="panel-body"></div>
</div>
</div>
<div class="panel-element-row">
<div id="element2" class="dashboard-element single" style="width: 100%">
<div class="panel-body"></div>
</div>
</div>
</div>
</div>
</div>
Following are the code code changes as mentioned above.
<option name="height">150</option>
"height": "150",
Following is a screenshot. Please let us know if further information is required:
Following is the Simple XML code for reference, which is built up to create mocked output:
<row>
<panel>
<chart>
<search>
<query>|makeresults
| eval count="57"
| table count
| rangemap field=count low=0-60 elevated=61-90 high=91-100</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
</search>
<option name="charting.chart">radialGauge</option>
<option name="height">150</option>
</chart>
<single>
<search>
<query>index=_internal sourcetype=splunkd log_level!="INFO" earliest="-24h" latest=now
| timechart count</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
</search>
<option name="colorMode">block</option>
<option name="rangeColors">["0x65a637","0xf7bc38","0xd93f3c"]</option>
<option name="rangeValues">[0,70]</option>
<option name="useColors">1</option>
<option name="height">150</option>
</single>
</panel>
</row>
Option 2:Check out Status Indicator Custom Visualization
and its examples to see how various font awesome icons can be added to Status Indicator visualization using rangemap similar to Simple XML.