Re: Increase the size of a sparkline that is part ...

SplunkHorse · ‎07-09-2019

I have a dashboard with a single value sparkline based off a timechart:

index=[theindex] event_name=[theevent]
| timechart span=1h count

I would like to increase the size of a sparkline so that it's more visible. How do I do this? I have been experimenting with making XML changes to dashboards and have some experience with CSS if that's necessary.

vnravikumar · ‎07-09-2019

Hi

Give a try

<dashboard>
  <label>sparkline</label>
  <row>
    <html>
      <style>
        #rk .sparkline{
        opacity: 1 !important;
        stroke-width: 3px !important;
        }

        #rk .sparkline-delta{
        opacity:1 !important;
        stroke-width: 4.5px !important;
        }
      </style>
    </html>
  </row>
  <row>
    <panel>
      <single id="rk">
        <search>
          <query>index="_internal" 
| timechart span=1h count</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </single>

    </panel>
  </row>
</dashboard>

SplunkHorse · ‎07-10-2019

Thanks Vnravikumar,

This was helpful and it increased the thickness of the line which made it easier to see from a distance, so it's a good solution, but I was hoping I could increase the vertical height, so that it takes up more space from the bottom to the top, so that changes in the line are easier to note. Is that possible? I attempted to add height and width as properties in the CSS, using both px and % as variables for them, but no change was observed. Are they not valid? Or am I using the wrong property?

Increase the size of a sparkline that is part of a single value visualization.

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!

Join the Conversation

Increase the size of a sparkline that is part of a single value visualization.

Accelerating Observability as Code with the Splunk AI Assistant

Integrating Splunk Search API and Quarto to Create Reproducible Investigation ...

Congratulations to the 2025-2026 SplunkTrust!