[zone-stats] Show all zones in a filter

... and apply zone filter to the graph header.

Bug: v8:10572
Change-Id: I923f2342a064864aeac693c482c09fee3eda28ee
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2401419Reviewed-by: Camillo Bruni <cbruni@chromium.org>
Commit-Queue: Igor Sheludko <ishell@chromium.org>
Cr-Commit-Position: refs/heads/master@{#69789}

tools/zone-stats/details-selection.js

@@ -262,14 +262,10 @@ defineCustomElement('details-selection', (templateText) =>
       const zone_name = checkbox.value;
       const zone_data = zones_data.get(zone_name);
       const zone_allocated = zone_data === undefined ? 0 : zone_data.allocated;
-      if (zone_allocated == 0) {
-        checkbox.parentNode.style.display = 'none';
-      } else {
-        const percents = zone_allocated / total_allocated;
-        const percent_div = checkbox.parentNode.querySelector('.percentBackground');
-        percent_div.style.left = (percents * 100) + '%';
-        checkbox.parentNode.style.display = 'block';
-      }
+      const percents = zone_allocated / total_allocated;
+      const percent_div = checkbox.parentNode.querySelector('.percentBackground');
+      percent_div.style.left = (percents * 100) + '%';
+      checkbox.parentNode.style.display = 'block';
     });
   }
 

tools/zone-stats/global-timeline.js

@@ -120,8 +120,9 @@ defineCustomElement('global-timeline', (templateText) =>
 
   getZoneData() {
     const isolate_data = this.data[this.selection.isolate];
-    const zone_names = isolate_data.sorted_zone_names;
     const selected_zones = this.selection.zones;
+    const zone_names = isolate_data.sorted_zone_names.filter(
+        zone_name => selected_zones.has(zone_name));
     const data_kind = this.selection.data_kind;
     const show_totals = this.selection.show_totals;
     const zones_labels = this.getZoneLabels(zone_names);