我在 Angular 10 站点中将 ngx-graph 用于组织树形图,并且该图表在页面加载时通常不会出现(并且它从未在 Cypress.io 测试中加载)。没有任何错误,只是没有出现(大空白),我必须刷新一两次才能显示。页面的其余部分加载没有问题。关于如何调试的任何建议?
我能够在这里重现这个问题:https ://stackblitz.com/edit/angular-material-10-org-chart
我使用这个例子作为起点:https ://swimlane.github.io/ngx-graph/demos/examples#organization-tree
模板开始:
<ngx-graph
[view]="[800, 500]"
[links]="links"
[nodes]="nodes"
[curve]="curve"
[layout]="layout"
[nodeWidth]="150"
[nodeHeight]="100"
[layoutSettings]="layoutSettings"
[enableZoom]="false"
[autoZoom]="true"
[draggingEnabled]="false"
>
<ng-template #defsTemplate>
<svg:marker id="arrow" viewBox="0 -5 10 10" refX="8" refY="0" markerWidth="4" markerHeight="4" orient="auto">
<svg:path d="M0,-5L10,0L0,5" class="arrow-head" />
</svg:marker>
</ng-template>
版本:
"@swimlane/ngx-graph": "^7.2.0",
编辑: [update$]="update$" 似乎没有做任何事情。(根据Reload ngx-graph with new data)。另外,我尝试在更改后调用 ngOnit() ,但这也无济于事。