如何将设置注入ngx-graph的DagreClusterLayout中?

时间:2019-06-24 16:04:43

标签: angular ngx-graphs

我想将群集节点中的标签移到顶部而不是中心。虽然我可以创建自己的自定义布局,但当我看着the code

时,DagreClusterLayout中似乎有一些选项可以为我做这些

我不知道如何从HTML中做到这一点。所以我开始:

    <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" layout="dagreCluster"></ngx-graph>

并将其更改为

    <ngx-graph class="chart-container" [view]="[800,800]" [links]="links" [nodes]="nodes" [clusters]="clusters" [layout]="layout"></ngx-graph>

假设我需要创建一个新对象来更改设置。

在组件TypeScript文件的标题中,我具有:

import { DagreClusterLayout } from '@swimlane/ngx-graph/lib/graph/layouts/dagreCluster';
import { Alignment } from '@swimlane/ngx-graph/lib/graph/layouts/dagre';

还有我的身体

    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'

即使我尝试更改设置无法达到预期的效果,我也想了解一般如何更改设置。

1 个答案:

答案 0 :(得分:0)

我让事情变得太复杂了,因为我想进入布局对象。但是ngx-graph通过layoutSettings为我完成了此任务。

print(numpy.einsum('i->', x, dtype=int))