Dashboards & Visualizations

Is it possible to split panels on Dashboard into 3rds?

DATT
Path Finder

Dashboard studio gives me the ability to drop panels and and move them around, which I love.  I can drag a panel on top of another and quickly create two equal size panels, each 50% of the size of the dashboard.  If I drag a 3rd panel into the same area though, I get three panels, one of which is 50% of the screen, and the other two are 25% each.  Is it possible to get them to be three equal sizes (~33%) or is my only option to fiddle with the sliders a bit and settle for good enough?

Labels (1)
0 Karma
1 Solution

livehybrid
SplunkTrust
SplunkTrust

If you edit the source of the dashboard you should be able to find a section called "layout" within the JSON, as below. 
Adjust the "w" value for each of your visualization to 1/3 of the "width" value (in my case 1440/3 = 480).
Set the second viz "x" position to 480 and the third viz "x" position to 2x480 (960) and this should give you an even 1/3 split.

It doesnt look like there is an easier way (ie it "snapping" to 1/3 grid size) unfortunately.

"layout": {
        "type": "grid",
        "options": {
            "width": 1440,
            "height": 960,
            "display": "auto"
        },
        "structure": [
            {
                "item": "viz_NFlIOSoJ",
                "type": "block",
                "position": {
                    "x": 0,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_ZN3u7AG0",
                "type": "block",
                "position": {
                    "x": 480,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_6G8sJ2GL",
                "type": "block",
                "position": {
                    "x": 960,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },

  I hope this helps!

View solution in original post

0 Karma

livehybrid
SplunkTrust
SplunkTrust

livehybrid_0-1738345500665.png

 

0 Karma

livehybrid
SplunkTrust
SplunkTrust

If you edit the source of the dashboard you should be able to find a section called "layout" within the JSON, as below. 
Adjust the "w" value for each of your visualization to 1/3 of the "width" value (in my case 1440/3 = 480).
Set the second viz "x" position to 480 and the third viz "x" position to 2x480 (960) and this should give you an even 1/3 split.

It doesnt look like there is an easier way (ie it "snapping" to 1/3 grid size) unfortunately.

"layout": {
        "type": "grid",
        "options": {
            "width": 1440,
            "height": 960,
            "display": "auto"
        },
        "structure": [
            {
                "item": "viz_NFlIOSoJ",
                "type": "block",
                "position": {
                    "x": 0,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_ZN3u7AG0",
                "type": "block",
                "position": {
                    "x": 480,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            },
            {
                "item": "viz_6G8sJ2GL",
                "type": "block",
                "position": {
                    "x": 960,
                    "y": 0,
                    "w": 480,
                    "h": 250
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },

  I hope this helps!

0 Karma

DATT
Path Finder

This worked for me on a fresh dashboard, thank you.  

I tried this on an existing dashboard though and quickly found out that if you get the numbers even off a little, you end up hiding/deleting (I wasn't sure what actually happened) other panels elsewhere on the dashboard - It's like they get pushed off into the ether.  I ended up having to rebuild the dashboard from scratch 😞

A friendly heads-up for anyone that comes along in the future!

0 Karma
Get Updates on the Splunk Community!

Fall Into Learning with New Splunk Education Courses

Every month, Splunk Education releases new courses to help you branch out, strengthen your data science roots, ...

Super Optimize your Splunk Stats Searches: Unlocking the Power of tstats, TERM, and ...

By Martin Hettervik, Senior Consultant and Team Leader at Accelerate at Iver, Splunk MVPThe stats command is ...

How Splunk Observability Cloud Prevented a Major Payment Crisis in Minutes

Your bank's payment processing system is humming along during a busy afternoon, handling millions in hourly ...