Dynamically shrink Pannels based on rows returned

  • What Grafana version and what operating system are you using?

  • 10.1.6

  • What are you trying to achieve?
    I am using Infinity Datasource and I have a dashboard with 8 pannels.
    I have global variables and can filter all 8 of them based on selection criteria.
    However, When I select a filter condition, all the 8 pannels are populated with that selected va;ue but the pannels don’t shrink.
    Is there a way to shrink the pannels so that when subset of data has to be checked it fits in 1 screen nd I do not have to scroll down.

  • How are you trying to achieve it?
    I am using UQL to filter rows returned from my JSON result

  • What happened?
    The pannel size stays pre-defined does not reduce based on number of rows.

  • What did you expect to happen?

  • Can you copy/paste the configuration(s) that you are having problems with?

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.

  • Did you follow any online instructions? If so, what is the URL?

Hi there!

It sounds like you’re facing an issue with panel resizing when filtering data. While Grafana doesn’t automatically resize panels based on the data being displayed, there are a few things you can try to optimize your dashboard for better visibility when using filters:

  1. Use Panel Size Adjustments: In Grafana, you can manually resize panels to fit the data you’re displaying. You can try adjusting the panel size (width and height) to better accommodate the filtered data. This can be done by dragging the panel edges in the dashboard edit mode.
  2. Enable Auto-Resize for Panels: Grafana offers an option to auto-resize panels when the dashboard is loaded or when new data is selected. You can go to the dashboard settings and adjust the layout settings to “Auto-Layout” or tweak the responsive options, which can help fit the data more dynamically based on available space.
  3. Use Single-Stat or Gauge Panels: If you’re working with a small subset of data, consider using SingleStat or Gauge panels that dynamically adjust to the data being filtered. These panels are more compact and can display smaller sets of information clearly.
  4. Explore Row or Grouping Features: You can organize your panels into rows or groups. This will allow you to collapse and expand rows as needed, which might give you more control over the layout and visibility without scrolling too much.
  5. Use the Infinity Data Source’s Panel Options: Since you are using the Infinity Data Source, check if there are any specific options within the Infinity plugin settings that can help with panel resizing or controlling the layout based on data size.

Unfortunately, there isn’t a built-in automatic resizing option that adapts to the selected data in real-time, but the above steps should help you get closer to what you’re looking for!

Let me know if you need further assistance!

I don’t have this option in my dashboards settings. Could you provide more details, please?

I don’t have “grouping feature” (yes, I have rows, but I’m missing grouping). Could you provide more details, please?