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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Build the Future of Agentic AI: Join the Splunk Agentic Ops Hackathon

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

Splunk Community Badges!

Join the Conversation

Align multiple charts in one panel horizontally

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Build the Future of Agentic AI: Join the Splunk Agentic Ops Hackathon

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

Splunk Community Badges!