NGX图表节点的颜色

时间:2019-08-09 00:26:57

标签: angular typescript ngx-charts

我试图理解NGX图的这个“简单”示例:

https://stackblitz.com/edit/ngx-graph-simple-example

图中的每个节点都有不同的颜色,如果您查看component.ts文件,则节点对象没有颜色字段。

但是每个节点的HTML模板使用:

<svg:rect [attr.width]="node.width" [attr.height]="node.height" [attr.fill]="node.options.color" />

node.options.color来自哪里?

1 个答案:

答案 0 :(得分:1)

根据示例中使用的@swimlane/ngx-graph库的文档,ngx-graph模板需要类型为Node的节点。现在,看看github code of this library,类型Node是具有许多其他属性的接口。

示例中此库的版本为4.1.1。根据他们的github回购,此版本相当老,所以我找不到对应于4.1.1版本的coe。我建议使用该库的最新版本,然后您将能够了解所使用的属性。请参阅github存储库,以更好地了解这些属性。