Angular 如何将设置注入ngx图形中的DagreClusterLayout?
我想将群集节点中的标签移到顶部而不是中心。虽然我可以创建自己的自定义布局,但在DagreClusterLayout中似乎有一些选项,当我查看 我不知道如何从HTML中执行此操作。所以我从以下几点开始: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-
<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>