Align multiple charts in one panel horizontally

nagar57 · ‎05-28-2020

I am using Simple XML. I put 4 charts inside one Panel.

Since I have other panels in the same row. I am struggling with the alignment. I tried adjusting the width in below CSS but it just reduced the size of the chart and didn't align the charts verctically.

#reqPerChanChart {
     width:25% !important;
  }
  #reqPerClientChart {
    width:25% !important;
  }
  #resPerChanChart {
  width:25% !important;
  }
  #resPerClientChart {
  width:25% !important;

  }

gcusello · ‎05-28-2020

Hi @nagar57,
try to put after the Panel and Title tags the following tags:

  <html>
    <style type="text/css">
        .single {
          width: 50% !important;
          }
    </style>
  </html>

then put, one after one, the four pies in the same panel.

Ciao.
Giuseppe

Align multiple charts in one panel horizontally

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...

Splunk Observability for AI

🔐 Trust at Every Hop: How mTLS in Splunk Enterprise 10.0 Makes Security Simpler

Are you a member of the Splunk Community?

Align multiple charts in one panel horizontally

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...

Splunk Observability for AI

🔐 Trust at Every Hop: How mTLS in Splunk Enterprise 10.0 Makes Security Simpler