tree: 080c0262b844e97ed00165202703e881d21566e1 [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-