ngx-graph 通常不会在 Angular 页面中加载

问题描述

我将 ngx-graph 用于 Angular 10 站点中的组织树图，并且该图表在页面加载时通常不会出现（并且它从不在 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() ，但这也无济于事。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular angular ngx-graph