SONAR-6945 Limit the number of bubbles on the overview bubble chart

diff --git a/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js b/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
index 69c2be4f1ba369d4691325fef4969c400511e68d..b1905b695c43d030911e3f69ce22f7fe637e096f 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
+++ b/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
@@ -8,6 +8,7 @@ import { formatMeasure } from '../../../helpers/measures';
 
 
 const HEIGHT = 360;
+const BUBBLES_LIMIT = 500;
 
 
 function getMeasure (component, metric) {
@@ -41,10 +42,15 @@ export class DomainBubbleChart extends React.Component {
         });
         return _.extend(file, { measures });
       });
-      this.setState({ loading: false, files });
+      this.setState({ loading: false, files: this.limitFiles(files) });
     });
   }
 
+  limitFiles (files) {
+    const comparator = file => -1 * this.getSizeMetricsValue(file);
+    return _.sortBy(files, comparator).slice(0, BUBBLES_LIMIT);
+  }
+
   getMetricObject (metrics, metricKey) {
     return _.findWhere(metrics, { key: metricKey });
   }