时间戳

首页 > 解决方案 > ngx-graph 通常不会在 Angular 页面中加载

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

问题描述

我在 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() ，但这也无济于事。

标签： angularngx-graph

解决方案

推荐阅读