Same size for charts

Author: JeanMarcMilletScality

ui/src/components/VolumeCharts.tsx

@@ -6,6 +6,7 @@ import {
 import { useCallback } from 'react';
 import {
   HEIGHT_DEFAULT_CHART,
+  HEIGHT_SYMMETRICAL_CHART,
   UNIT_RANGE_BS,
   UNIT_RANGE_SECONDS,
   YAXIS_TITLE_READ_WRITE,
@@ -68,7 +69,7 @@ export const VolumeThroughputChart = ({
   return (
     <LineTimeSerieChart
       series={series}
-      height={160}
+      height={HEIGHT_SYMMETRICAL_CHART}
       interval={interval}
       duration={duration}
       title="Disk Throughput"
@@ -120,7 +121,7 @@ export const VolumeLatencyChart = ({
   return (
     <LineTimeSerieChart
       series={series}
-      height={160}
+      height={HEIGHT_SYMMETRICAL_CHART}
       interval={interval}
       duration={duration}
       title="Disk Latency"
@@ -172,7 +173,7 @@ export const VolumeIOPSChart = ({
   return (
     <LineTimeSerieChart
       series={series}
-      height={160}
+      height={HEIGHT_SYMMETRICAL_CHART}
       interval={interval}
       duration={duration}
       title="IOPS"

ui/src/constants.ts

@@ -101,7 +101,7 @@ export const GRAFANA_DASHBOARDS = {
   volumes: '919b92a8e8041bd567af9edab12c840c',
 };
 // Height of the charts
-export const HEIGHT_DEFAULT_CHART = 120;
+export const HEIGHT_DEFAULT_CHART = 160;
 export const HEIGHT_SYMMETRICAL_CHART = 160;
 export const NODES_LIMIT_QUANTILE = 8;
 export const NODE_SYNC_ID = 'nodeMetrics';