我想在单个页面上呈现多个图形。到目前为止,我已经定义了封装标准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 和节点元素。