Hi Team,
I have requirement where I need to show or hide panels depending on the drop-down value selected but it's not working as expected. Can you let me know how this can be achieved?
You will need to use SimpleXML conditional logic
This is saying first showing a timechart by host.. It will have a conditional match
saying if the job.resultCount
is greater than 0 then show search from the panel_show token defined on line 3.
<dashboard>
<row>
<panel depends="$panel_show$">
<chart>
<title>A basic timechart over the last 5 secs</title>
<search id="your_search">
<query>index=skoelpin | timechart count by host</query>
<earliest>-5s@s</earliest>
<latest>now</latest>
<progress>
<condition match="'job.resultCount' > 0">
<set token="panel_show">true</set>
</condition>
<condition>
<unset token="panel_show"/>
</condition>
</progress>
</search>
<option name="charting.axisLabelsX.majorLabelStyle.overflowMode">ellipsisNone</option>
<option name="charting.axisLabelsX.majorLabelStyle.rotation">0</option>
<option name="charting.axisTitleX.visibility">visible</option>
<option name="charting.axisTitleY.visibility">visible</option>
<option name="charting.axisTitleY2.visibility">visible</option>
<option name="charting.axisX.scale">linear</option>
<option name="charting.axisY.scale">linear</option>
<option name="charting.axisY2.enabled">0</option>
<option name="charting.axisY2.scale">inherit</option>
<option name="charting.chart">column</option>
<option name="charting.chart.bubbleMaximumSize">50</option>
<option name="charting.chart.bubbleMinimumSize">10</option>
<option name="charting.chart.bubbleSizeBy">area</option>
<option name="charting.chart.nullValueMode">gaps</option>
<option name="charting.chart.showDataLabels">none</option>
<option name="charting.chart.sliceCollapsingThreshold">0.01</option>
<option name="charting.chart.stackMode">stacked</option>
<option name="charting.chart.style">shiny</option>
<option name="charting.drilldown">all</option>
<option name="charting.layout.splitSeries">0</option>
<option name="charting.layout.splitSeries.allowIndependentYRanges">0</option>
<option name="charting.legend.labelStyle.overflowMode">ellipsisMiddle</option>
<option name="charting.legend.placement">right</option>
<option name="refresh.auto.interval">5</option>
</chart>
</panel>
</row>
</dashboard>