Я хочу визуализировать несколько графиков на одной странице. До сих пор я определил компонент, который инкапсулирует стандартную инициализацию dagre-d3 и код рисования. Однако у меня есть проблема. Всякий раз, когда я размещаю два или более экземпляров, отображается только первый, и, как ни странно, он отображает данные последнего.
Я пытался использовать несколько элементов SVG, и это прекрасно работает, но это не подходит для моего варианта использования. Вот фрагмент. Свойство title представляет собой строку имени callgraph, а свойство 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 и узлов элементов.