我正在开发一个网页,我希望可视化某个树形结构。 我遇到了这个美丽的D3.js树(http://bl.ocks.org/robschmuecker/7880033),但我将它导入到我的项目中有困难,因为有几种方法(例如dg3-ng2)。
D3.js是一个javascript-libary - 而Angular与typescript一起工作。
如何将该特定树集成到我的项目中,以便我之后可以毫无困难地修改它? 我有几个问题,如:
你可以看到我很安静。
答案 0 :(得分:0)
如果你使用Angular,那很简单)
在组件中导入d3:
import * as d3 from 'd3';
写下你的逻辑,使用d3 syntaxis,例如:
constructor(private element: ElementRef) {
this.htmlElement = this.element.nativeElement;
this.host = d3.select(this.element.nativeElement);
}
你的图形是一个组件,在你的组件描述函数中构建svg,绘制轴等。 然后在init中描述的组件调用方法,例如:
ngOnInit(): void {
this.setup();
this.buildSVG();
this.drawFirstPlanRects();
this.drawSecondPlanRects();
this.drawXAxis();
this.drawYAxis();
this.drawCrossLines();
}
答案 1 :(得分:0)
从您提出的问题中我强烈建议您真正关注角度并学习如何使用它正确创建应用程序,然后弄清楚如何在项目中集成d3,因为您要问的一些问题不是'与刚刚使用角度的d3相关。