Created attachment 1352016 [details] Tables Description of problem: In specification for Gluster-at-a-Glance dashboard (https://github.com/Tendrl/specifications/issues/222) are following panels defined as charts: > **Row 3** > > Panel 17: Top volumes by capacity utilization > > - show the top 5 volumes with the highest disk utilization > - chart type: Bar Chart / Histogram > > Panel 18: Top bricks by capacity utilization > > - show the top 5 bricks with the highest disk utilization > - Note: User should be able to discern which host the brick is mounted on > - chart type: Bar Chart / Histogram > > **Row 4** > > Panel 19: CPU used by Host > > - show CPU utilization for individual hosts within 4 different utilization ranges/buckets: > 90%, 80=90%, 70-80%, and < 70% > - chart type: Heat Map > > Panel 20: Memory used by Host > > - show memory utilization for individual hosts within 4 different utilization ranges/buckets: > 90%, 80=90%, 70-80%, and < 70% > - chart type: Heat Map but in implemented grafana dashboards are those panels presented as tables. These tables have also bad layout and are displayed incorrectly (not whole) on page. Their header cell `Utilization` is also incorrectly styled (it floats away). Version-Release number of selected component (if applicable): tendrl-node-agent-1.5.4-2.el7rhgs.noarch tendrl-selinux-1.5.3-2.el7rhgs.noarch tendrl-commons-1.5.4-2.el7rhgs.noarch tendrl-api-1.5.4-2.el7rhgs.noarch tendrl-api-httpd-1.5.4-2.el7rhgs.noarch tendrl-monitoring-integration-1.5.4-3.el7rhgs.noarch tendrl-grafana-selinux-1.5.3-2.el7rhgs.noarch tendrl-notifier-1.5.4-2.el7rhgs.noarch tendrl-ansible-1.5.4-1.el7rhgs.noarch tendrl-ui-1.5.4-2.el7rhgs.noarch tendrl-grafana-plugins-1.5.4-3.el7rhgs.noarch How reproducible: 100% Steps to Reproduce: 1. Import cluster with volume and some nodes 2. Open Gluster-at-a-Glance dashboard
Reason it was implemented as tables vs. charts is due to long host names not displaying well in Grafana -- a Grafana limitation of not gracefully handling long names to show. Suggested for the non-top 5 charts to change them to line charts and show their utilization as trends. For top 5 charts, I suggest widening the table/panel so there will be less scrolling and improve readability. This may result in the panels being on multiple rows to accommodate these changes.
This is also noted in https://github.com/Tendrl/monitoring-integration/issues/268#issuecomment-344677530.
>> Suggested for the non-top 5 charts to change them to line charts and show their utilization as trends. @julim I am not touching the non-top 5 charts for now. As it needs table panels to be removed and new panels to be added. For now, I am just widening the width of the table panels so the readability of table panels can be improved. Thanks
Created attachment 1357320 [details] Panels in 'Gluster-at-a-Glance' have been spaced and words don't float away These tables have also clearer layout, spaced well and are displayed correctly on the page. Their header cell like `Utilization` is also correctly styled (does not float away). Moving this bug to verified
Since the problem described in this bug report should be resolved in a recent advisory, it has been closed with a resolution of ERRATA. For information on the advisory, and where to find the updated files, follow the link below. If the solution does not work for you, open a new bug report. https://access.redhat.com/errata/RHEA-2017:3478