This is an automated email from the ASF dual-hosted git repository.

arafat2198 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ozone.git


The following commit(s) were added to refs/heads/master by this push:
     new c5413704ebe HDDS-14728. Improve file size distribution Plot in 
Insights page (#9860)
c5413704ebe is described below

commit c5413704ebe044515d7fb877a4baa5ed23e82504
Author: Arun Sarin <[email protected]>
AuthorDate: Wed Mar 4 17:46:13 2026 +0530

    HDDS-14728. Improve file size distribution Plot in Insights page (#9860)
---
 .../src/v2/components/plots/insightsFilePlot.tsx           | 14 ++++++++++++--
 .../ozone-recon-web/src/v2/pages/insights/insights.tsx     |  2 +-
 .../recon/ozone-recon-web/src/views/insights/insights.tsx  | 12 +++++++++---
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/insightsFilePlot.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/insightsFilePlot.tsx
index bb6453ed7c1..aa35ac0d96d 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/insightsFilePlot.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/insightsFilePlot.tsx
@@ -153,12 +153,22 @@ const FileSizeDistribution: 
React.FC<FileSizeDistributionProps> = ({
   const { fileCountValues, fileCountMap } = filePlotData;
 
   const filePlotOptions: EChartsOption = {
+    grid: {
+      left: 65,
+      bottom: 60
+    },
     xAxis: {
       type: 'category',
-      data: [...fileCountValues] ?? []
+      data: [...fileCountValues] ?? [],
+      name: 'File Size Range',
+      nameLocation: 'middle',
+      nameGap: 40
     },
     yAxis: {
-      type: 'value'
+      type: 'value',
+      name: 'Number of Files',
+      nameLocation: 'middle',
+      nameGap: 50
     },
     tooltip: {
       trigger: 'item',
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/insights/insights.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/insights/insights.tsx
index 71538112f6f..930f0a4a979 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/insights/insights.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/insights/insights.tsx
@@ -148,7 +148,7 @@ const Insights: React.FC<{}> = () => {
             : <>
               <Row gutter={20}>
                 <Col xs={24} xl={12}>
-                  <Card title='File Size Distribution' size='small'>
+                  <Card title='File Size Frequency Distribution' size='small'>
                     {plotResponse.fileCountResponse?.length > 0
                       ? <FileSizeDistribution
                           volumeOptions={state.volumeOptions}
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/insights/insights.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/insights/insights.tsx
index 59a5b48c992..3684ce3202f 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/insights/insights.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/insights/insights.tsx
@@ -276,15 +276,21 @@ export class Insights extends 
React.Component<Record<string, object>, IInsightsS
       this.setState({
         fileCountData: {
           title: {
-            text: 'File Size Distribution',
+            text: 'File Size Frequency Distribution',
             left: 'center'
           },
           xAxis: {
             type: 'category',
-            data: xFileCountValues
+            data: xFileCountValues,
+            name: 'File Size Range',
+            nameLocation: 'middle',
+            nameGap: 40
           },
           yAxis: {
-            type: 'value'
+            type: 'value',
+            name: 'Number of Files',
+            nameLocation: 'middle',
+            nameGap: 50
           },
           tooltip: {
             trigger: 'item',


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to