Dashboards & Visualizations

Legend at bottom of page with link-switcher in NMON style dashboard is jumbling some of the legends, but not all

john_howley
Path Finder

I have a series of charts within panels that both originated from the NMON dashboard (cloned) and some new ones I've created.. Most of them work without isse, but when I switch some of them the legend elements all jumble up and overlay each other at the bottom. Is there any issue known that would cause this? It is not the end of the world as yo uca njust reload the page, but that does take a little while - I'd like to solve this for the users if possible - I've included an extract of two of the charts that do this:

This is one I've generated:
<chart id="link71">
<title>Disk Transfer IO/sec Max Descending</title>
<search>
<query>index="nmon" sourcetype="nmon_data" type="DISKXFER" $hostname$ | stats max(value) as max, avg(value) as avg by device | sort 50 max desc</query>
<earliest>$timerange.earliest$</earliest>
<latest>$timerange.latest$</latest>
</search>
<option name="charting.chart">column</option>
<option name="charting.axisY2.enabled">false</option>
<option name="charting.axisLabelsX.majorLabelStyle.overflowMode">ellipsisNone</option>
<option name="charting.axisLabelsX.majorLabelStyle.rotation">-90</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.scale">inherit</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.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.legend.labelStyle.overflowMode">ellipsisMiddle</option>
<option name="charting.legend.placement">right</option>
</chart>

this is the original NMON one
<chart id="link13">
<title>TOP, MinorFault per Command invocation</title>
<searchString>index=nmon sourcetype=nmon_data type=TOP $hostname$ | dedup _time,MinorFault,PID,Command,hostname | bucket _time span=1s
| stats sum(MinorFault) As MinorFault by _time,Command
| timechart inline_customspan(type=TOP,$hostname$) useother=f limit=0
max(MinorFault) as "MinorFault" by Command</searchString>
<earliestTime>$timerange.earliest$</earliestTime>
<latestTime>$timerange.latest$</latestTime>
<option name="charting.axisTitleX.visibility">visible</option>
<option name="charting.axisTitleY.visibility">visible</option>
<option name="charting.axisX.scale">linear</option>
<option name="charting.axisY.scale">linear</option>
<option name="charting.chart">area</option>
<option name="charting.chart.nullValueMode">gaps</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.legend.labelStyle.overflowMode">ellipsisMiddle</option>
<option name="charting.legend.placement">bottom</option>
<option name="height">680px</option>
<option name="charting.axisTitleX.text">Time</option>
<option name="charting.axisY.minimumNumber">0</option>
<option name="charting.axisTitleY.text">Pages/sec</option>
</chart>

Any helpful suggestions would be welcome..

0 Karma

guilmxm
Influencer

Hi,

Sorry for late answer, please ensure to associate your question with App tags to ensure we can easily have knowledge of an app related question (for nmon App: NMON Performance Monitor for Unix and Linux Systems)

I am aware of this issue, the App is using a javascript addon file from Splunk 6 dashboard example app (linkswitcher.js), an SPL bug has opened to Splunk:

https://answers.splunk.com/answers/217212/why-does-the-link-switcher-module-with-a-certain-n.html

SPL-98847

No solution yet...

This happens when you get back to an already visited link, you can refresh the search (using the link at bottom of the panel) and legends will be shown again as expected

Guilhem

0 Karma
Get Updates on the Splunk Community!

Observability Highlights | January 2023 Newsletter

 January 2023New Product Releases Splunk Network Explorer for Infrastructure MonitoringSplunk unveils Network ...

Security Highlights | January 2023 Newsletter

January 2023 Splunk Security Essentials (SSE) 3.7.0 ReleaseThe free Splunk Security Essentials (SSE) 3.7.0 app ...

Platform Highlights | January 2023 Newsletter

 January 2023Peace on Earth and Peace of Mind With Business ResilienceAll organizations can start the new year ...