All Apps and Add-ons

Using Sideview Utils can one define the height of a panel?

aholzer
Motivator

I am currently using the Search and HiddenChartFormatter Sideview Util modules to display a graph, however, my users are complaining that the graph is too small (height wise) to see properly. I've explained about the resizing, but they do not seem satisfied with the answer, especially since every time they open the dashboard again it resizes to the smaller version.

Is there a way to change the default height of the panel the chart is in, using the sideview modules? It doesn't have to be the same modules that I've listed above, if you have a different way I am open to changes.

I have tried the following in the .css, but that sets the size of the panel, but not the size of the graph inside the panel. It also makes it so that if you resize the graph inside panel_1_1 to something larger than 500 pixels, it gets hidden behind the other panels.

.splView-pnl_graphs_trader_dashboard .panel_row1_col .layoutCell {
  height:500px !important;
}

Any assistance is appreciated.

I am using Splunk 5.0 and Sideview Utils 2.2.2

0 Karma
1 Solution

aholzer
Motivator

I was able to figure this out after playing around with the FlashChart module. Originally I thought the FlashChart module was do define the size of the window that appeared when you scrolled over the values of a chart:

<module name="Search" layoutPanel="panel_row1_col1" autoRun="True">
    <!-- Search to be used to gather the results for the first graph -->
    <param name="search">
      ...your search here...
    </param>
    <!-- time range parameters -->
    <param name="earliest">rt-1d@d</param>
    <param name="latest">rt+1d</param>

    <module name="HiddenChartFormatter"> 
      <param name="charting.chart">line</param> <!-- chart type -->
      <param name="charting.chart.nullValueMode">connect</param> <!-- what behavior to use when dealing with null values -->

      <module name="FlashChart"> <!-- Original dimensions for the chart -->
        <param name="width">100%</param>
        <param name="height">350px</param>
      </module>
    </module>
  </module>

The FlashChart module has a "height" parameter, so as long as you use this downstream module, you can make the size of the graph whatever you want upon loading of the dashboard.

A downside to this method, however, is that if you have another graph in the same panel that is blank until some action is taken from the first graph, the panel will be sized to fit both graphs from the beginnig, but the bottom of the panel will be blank.

View solution in original post

0 Karma

aholzer
Motivator

I was able to figure this out after playing around with the FlashChart module. Originally I thought the FlashChart module was do define the size of the window that appeared when you scrolled over the values of a chart:

<module name="Search" layoutPanel="panel_row1_col1" autoRun="True">
    <!-- Search to be used to gather the results for the first graph -->
    <param name="search">
      ...your search here...
    </param>
    <!-- time range parameters -->
    <param name="earliest">rt-1d@d</param>
    <param name="latest">rt+1d</param>

    <module name="HiddenChartFormatter"> 
      <param name="charting.chart">line</param> <!-- chart type -->
      <param name="charting.chart.nullValueMode">connect</param> <!-- what behavior to use when dealing with null values -->

      <module name="FlashChart"> <!-- Original dimensions for the chart -->
        <param name="width">100%</param>
        <param name="height">350px</param>
      </module>
    </module>
  </module>

The FlashChart module has a "height" parameter, so as long as you use this downstream module, you can make the size of the graph whatever you want upon loading of the dashboard.

A downside to this method, however, is that if you have another graph in the same panel that is blank until some action is taken from the first graph, the panel will be sized to fit both graphs from the beginnig, but the bottom of the panel will be blank.

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...