Angular 角域中的d3js树

我想在我的angular应用程序中添加d3 js tree，并使用某些数据添加到应用程序组件。我不知道如何使用angular应用程序进行配置。请帮助我如何执行此操作。

步骤-1：

npm安装d3 angular-d3-tree--保存

步骤-2：在app.module.ts文件中

import { AngularD3TreeLibModule } from 'angular-d3-tree';

@NgModule({
   imports: [
       AngularD3TreeLibModule,
       // Other Modules
   ]
})
export class AppModule {}

步骤-3：应用程序内组件.html

<s2w-angular-d3-tree-lib
  [(treeData)]="data"
  (onNodeChanged)="nodeUpdated($event)"
  (onNodeSelected)="nodeSelected($event)"></s2w-angular-d3-tree-lib>

---

谷歌和你可以找到很多教程。！

import { AngularD3TreeLibService } from 'angular-d3-tree';

export class MyComponent {
  data: any[];

  constructor(private treeService: AngularD3TreeLibService) {
    this.data= YOUR_DATA;
  }
  nodeUpdated(node:any){
    console.info("app detected node change");
  }
  nodeSelected(node:any){
    console.info("app detected node selected", node);
  }
}