使用Angular和dagre-d3渲染多个图形

时间:2019-03-27 12:51:03

标签: angular dagre-d3 dagre

我想在单个页面上呈现多个图形。到目前为止,我已经定义了封装标准dagre-d3初始化和绘图代码的组件。但是我有一个问题。每当我放置两个或更多实例时,仅会渲染第一个实例,奇怪的是,它将渲染最后一个实例的数据。

我尝试使用多个SVG元素,效果很好,但不适用于我的用例。这是一个片段。 title 属性是调用图名称的字符串,而 callgraph 属性保存需要呈现的数据。

<app-callgraph [title]="getStackNameFromIndex(0)" [callgraph]="getCallgraphFromIndex(0)"></app-callgraph>
<app-callgraph [title]="getStackNameFromIndex(2)" [callgraph]="getCallgraphFromIndex(2)"></app-callgraph>

我已经调试了代码,可以看到dagree-d3图形对象已正确初始化,但是在浏览器的控制台中,第二个组件上的<g />标签为空,而第一个包含集群 edgePaths edgeLabels 节点元素。

0 个答案:

没有答案