angular-d3-tree
This is a component to easily integrate D3 into your Angular app.
Demo
Check out the live demo.
Installation
npm install d3 angular-d3-tree --save // OR
yarn add d3 angular-d3-tree
Notice: the latest version on NPM may not reflect the branch master
. Open an issue and tag me if you need it to be published.
Configuration
Ensure you import the module and the dependencies:
; @ {}
Coding
In your component:
- Add to the html:
<s2w-angular-d3-tree-lib
[(treeData)]="data"
(onNodeChanged)="nodeUpdated($event)"
(onNodeSelected)="nodeSelected($event)"></s2w-angular-d3-tree-lib>
- Add to the typescript:
...
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);
}
Collaboration - yes, please -
Make issues and pull requests to help improving!!