github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

Add animation to service map layout (#56042)

Browse source 
We had previously deleted the animation because the method we were using for adding nodes to the map would wipe the whole map out before redrawing it and make for very awkward animation.

The way it works now is the Cytoscape component calls `add` on the cytoscape instance when new elements are added, so the animation looks ok.

Fixes #54796.

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Nathan L Smith 2020-01-27 15:31:09 -06:00 • committed by GitHub
parent be9d9c2ffe
commit 551e4dc472
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
x-pack/legacy/plugins/apm/public/components/app/ServiceMap/cytoscapeOptions.ts
View file

@ -10,7 +10,10 @@ import { defaultIcon, iconForNode } from './icons';
const layout = {
name: 'dagre',
nodeDimensionsIncludeLabels: true,
rankDir: 'LR'
rankDir: 'LR',
animate: true,
animationEasing: theme.euiAnimSlightBounce,
animationDuration: parseInt(theme.euiAnimSpeedNormal, 10)
};
function isService(el: cytoscape.NodeSingular) {