tree: e49bb3dc9aeaf4be219fec304575b300f8bfc6b8 [path history] [tgz]
  1. README.md
  2. d3-helpers/
  3. graph.extender.spec.ts
  4. graph.extender.ts
  5. service-graph.store.spec.ts
  6. service-graph.store.ts
  7. service-instance.graph.store.ts
src/app/service-graph/services/README.md

Service Graph extender example

XosServiceGraphExtender.register('coarse', 'test', (graph: IXosServiceGraph) => {
  graph.nodes = graph.nodes.map(n => {
    // do my changes
    n.label = `reduced_${n.label}`;
    return n;
  });

  graph.links = graph.links.map(l => {
    // do my changes
    return l;
  });
  return graph;
});

Note that if you add classes you'll need to provide CSS for that

What can you change:

Nodes:

You can change any of the property that are present in the node element, plus:

propertytypeeffect
d3Classspace separated stringthe class names get prefixed with ext-
xnumberhorizontal position
ynumbervertical position

Links:

propertytypeeffect
d3Classspace separated stringthe class names get prefixed with ext-