[APM] Service map - fixes irrelevant services on data refresh (elasti…

…c#62750) Co-authored-by: Elastic Machine <[email protected]>
dgieselaar · Apr 7, 2020 · 67b9393 · 67b9393
1 parent a03b40e
commit 67b9393
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceMap/Cytoscape.tsx b/x-pack/legacy/plugins/apm/public/components/app/ServiceMap/Cytoscape.tsx
@@ -124,6 +124,12 @@ export function Cytoscape({
   // Trigger a custom "data" event when data changes
   useEffect(() => {
     if (cy && elements.length > 0) {
+      const renderedElements = cy.elements('node,edge');
+      const latestElementIds = elements.map(el => el.data.id);
+      const absentElements = renderedElements.filter(
+        el => !latestElementIds.includes(el.id())
+      );
+      cy.remove(absentElements);
       cy.add(elements);
       cy.trigger('data');
     }