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!

Adoption of RUM and APM at Splunk

    Unleash the power of Splunk Observability   Watch Now In this can't miss Tech Talk! The Splunk Growth ...

Routing logs with Splunk OTel Collector for Kubernetes

The Splunk Distribution of the OpenTelemetry (OTel) Collector is a product that provides a way to ingest ...

Welcome to the Splunk Community!

(view in My Videos) We're so glad you're here! The Splunk Community is place to connect, learn, give back, and ...