与Angular 6一起使用时，d3.event为null为有向图

Question

来源

我跟随Medium.com blog for D3 with Angular，使用StackBlitz来处理Angular 6和d3 v4.11.0

StackBlitz示例

Demo

StackBlitz Editor for Code

问题

“定向力图”的节点被渲染为“ 黑色”，这意味着d3和svg中的内容出了问题。每次我使用鼠标滚动或拖动节点时都会得到

d3.event is null

在控制台中。

我在StackExchange ^{[1] [2]} 上调查了此错误，他们都建议对事件使用d3-selection。

问题是我不知道应该在哪里使用d3-selection中的事件类型？

问题排查

博客提供了d3.service.ts，该标签可用于拖动或缩放节点。

在控制台中，它指向d3.service.ts

中的特定代码行

1. 当我尝试拖动节点时

   d3.event.sourceEvent.stopPropagation();
   

2. 如果我在图形中使用鼠标滚动

   var transform = d3.event.transform;
   

在这种情况下，如何使用d3-selection正确呈现示例。

PS

我尝试将代码与该人的github存储库进行比较，它们几乎相同。