D3JS：自动放置标签以避免重叠？集成到Angle 6应用程序

Question

我正在项目中，我需要将d3js插件集成到angular 6应用程序中，我基于此库https://github.com/tinker10/D3-Labeler

我想集成labeler.js文件并在angular 6应用程序中使用它， 谁能知道如何在角度6下整合这个lib？ 任何帮助都值得赞赏， 谢谢

Answer 1

您将必须将d3导入到要使用的组件中，如下所示：

import * as d3 from 'd3';

然后使用ngAfterContentInit钩子将d3魔法附加到特定组件中的现有DOM元素上。

例如：

ngAfterContentInit() { this.svgContainer = d3.select("#test").style("height","100px"); }

此外，我认为D3没有任何魔术可以避免重叠，您必须自己编写或查找现有逻辑。