Angular 如何将设置注入ngx图形中的DagreClusterLayout?

Angular 如何将设置注入ngx图形中的DagreClusterLayout?,angular,ngx-graph,Angular,Ngx Graph,我想将群集节点中的标签移到顶部而不是中心。虽然我可以创建自己的自定义布局,但在DagreClusterLayout中似乎有一些选项,当我查看 我不知道如何从HTML中执行此操作。所以我从以下几点开始: <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" layout="dagreCluster"></ngx-

我想将群集节点中的标签移到顶部而不是中心。虽然我可以创建自己的自定义布局,但在DagreClusterLayout中似乎有一些选项,当我查看

我不知道如何从HTML中执行此操作。所以我从以下几点开始:

    <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" layout="dagreCluster"></ngx-graph>
还有我的身体

    let layout : DagreClusterLayout = new DagreClusterLayout();
    layout.settings = layout.defaultSettings;
    layout.settings.align = Alignment.UP_LEFT;
    this.layout = layout;
但是,由于出现以下错误,我没有正确导入:

ERROR in ./src/app/my/my.component.ts
Module not found: Error: Can't resolve '@swimlane/ngx-graph/lib/graph/layouts/dagre' in '(path)\src\app\my'
ERROR in ./src/app/my/my.component.ts
Module not found: Error: Can't resolve '@swimlane/ngx-graph/lib/graph/layouts/dagreCluster' in '(path)\src\app\my'

即使更改设置的尝试无法达到预期的效果,我也希望知道如何更改一般设置。

我把事情弄得太复杂了,因为我预计需要进入布局对象内部。但ngx graph通过布局设置为我做到了这一点

    <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" layout="dagreCluster" [layoutSettings]="{
    orientation: 'LR',
    marginX: 5,
    marginY: 5,
    edgePadding: 100,
    rankPadding: 20,
    nodePadding: 5,
    multigraph: true,
    compound: true,
    align: 'UL'
  }"></ngx-graph>
ERROR in ./src/app/my/my.component.ts
Module not found: Error: Can't resolve '@swimlane/ngx-graph/lib/graph/layouts/dagre' in '(path)\src\app\my'
ERROR in ./src/app/my/my.component.ts
Module not found: Error: Can't resolve '@swimlane/ngx-graph/lib/graph/layouts/dagreCluster' in '(path)\src\app\my'
    <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" layout="dagreCluster" [layoutSettings]="{
    orientation: 'LR',
    marginX: 5,
    marginY: 5,
    edgePadding: 100,
    rankPadding: 20,
    nodePadding: 5,
    multigraph: true,
    compound: true,
    align: 'UL'
  }"></ngx-graph>