ui/nodes: Update charts Tooltip/Legends

.1f formatting in tooltips, slightly smaller font in Legends Refs: #2925
scality · Feb 8, 2021 · 23b6295 · 23b6295
1 parent 0b563f9
commit 23b6295
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/ui/src/containers/NodePageMetricsTab.js b/ui/src/containers/NodePageMetricsTab.js
@@ -197,13 +197,13 @@ const NodePageMetricsTab = ({
       field: 'CPU Usage',
       type: 'quantitative',
       title: `CPU Usage - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'cluster avg',
       type: 'quantitative',
       title: 'CPU Usage - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
   ]);
 
@@ -215,13 +215,13 @@ const NodePageMetricsTab = ({
       field: 'System Load',
       type: 'quantitative',
       title: `System Load - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'cluster avg',
       type: 'quantitative',
       title: 'System Load - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
   ]);
 
@@ -232,13 +232,13 @@ const NodePageMetricsTab = ({
       field: 'Memory',
       type: 'quantitative',
       title: `Memory - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'cluster avg',
       type: 'quantitative',
       title: 'Memory - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
   ]);
 
@@ -247,25 +247,25 @@ const NodePageMetricsTab = ({
       field: `Read`,
       type: 'quantitative',
       title: `Read - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     {
       field: 'Write',
       type: 'quantitative',
       title: `Write - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'read avg',
       type: 'quantitative',
       title: 'Read - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'write avg',
       type: 'quantitative',
       title: 'Write - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
   ]);
   // Combine the read/write, in/out into one dataset
@@ -280,25 +280,25 @@ const NodePageMetricsTab = ({
       field: 'In',
       type: 'quantitative',
       title: `In - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     {
       field: 'Out',
       type: 'quantitative',
       title: `Out - ${nodeName}`,
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'in avg',
       type: 'quantitative',
       title: 'In - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
     showAvg && {
       field: 'out avg',
       type: 'quantitative',
       title: 'Out - Cluster avg',
-      format: '.2f',
+      format: '.1f',
     },
   ]);
 
@@ -345,7 +345,7 @@ const NodePageMetricsTab = ({
       title: null,
       values: ['Cluster avg'],
       symbolSize: 300,
-      labelFontSize: 15,
+      labelFontSize: 14,
     },
   };
 
@@ -369,7 +369,7 @@ const NodePageMetricsTab = ({
       orient: 'bottom',
       title: null,
       values: showAvg ? ['CPU Usage'] : [''],
-      labelFontSize: 15,
+      labelFontSize: 14,
       symbolSize: 300,
     },
   };
@@ -383,7 +383,7 @@ const NodePageMetricsTab = ({
       orient: 'bottom',
       title: null,
       values: showAvg ? ['System Load'] : [''],
-      labelFontSize: 15,
+      labelFontSize: 14,
       symbolSize: 300,
     },
   };
@@ -397,7 +397,7 @@ const NodePageMetricsTab = ({
       orient: 'bottom',
       title: null,
       values: showAvg ? ['Memory'] : [''],
-      labelFontSize: 15,
+      labelFontSize: 14,
       symbolSize: 300,
     },
   };
@@ -411,7 +411,7 @@ const NodePageMetricsTab = ({
       title: null,
       symbolType: 'stroke',
       symbolSize: 300,
-      labelFontSize: 15,
+      labelFontSize: 14,
       columnPadding: 15,
       symbolStrokeWidth: 2,
       values: ['Read', 'Write'],
@@ -433,7 +433,7 @@ const NodePageMetricsTab = ({
       title: null,
       symbolType: 'stroke',
       symbolSize: 300,
-      labelFontSize: 15,
+      labelFontSize: 14,
       columnPadding: 15,
       symbolStrokeWidth: 2,
       values: ['In', 'Out'],