Dashboards & Visualizations

Adjust Trellis Font Size (Results)

nwoodco1
Explorer

I am trying to change the font size of the time in the trellis, you can see that when all D H M are double digits t both sides are cut off, the label of each trellis was also being cut off, but using this css that I found in another I was able to change the font size, but I cannot figure out how to change the other font. I am assuming facet- is what I am missing. When I remove -label no formatting is changed, but I cannot figure out what to put that changes the result in the trellis.
CSS:

<style>
           .viz-panel.viz-facet-size-medium .facet-label{
            font-size:11px !important;
            font-weight: bold !important;
           }
         </style>
0 Karma

niketn
Legend

@nwoodco1 try the following where single value with trellis has id trellis_single i.e. <single id="trellis_single">

    <style>
      #trellis_single div.viz-facet{
        width: 220px !important;
      }
      #trellis_single text.single-result{
        transform: translate(25px,0px);
      }
      #trellis_single .viz-panel.viz-facet-size-medium .facet-label{
        font-size:11px !important;
        font-weight: bold !important;
      }
    </style>

PS: Width and translate you will have to adjust as per your need. For example in my case if 25px extra width was required, I change facet viz width also by 25px to 220px (or may be little more to allow padding between consecutive values).

Please try out and confirm!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

nwoodco1
Explorer

alt text

0 Karma
Get Updates on the Splunk Community!

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 ...

Tech Talk | Elevating Digital Service Excellence: The Synergy of Splunk RUM & APM

Elevating Digital Service Excellence: The Synergy of Real User Monitoring and Application Performance ...