D3 Angular-错误TS2349：无法调用类型缺少调用签名的表达式。类型

Question

我这里有一个堆栈闪击- https://stackblitz.com/edit/ng-divided-bar?embed=1&file=src/app/bar-chart.ts&hideNavigation=1

我在Angular中有一个d3图表。

一切都在这里工作，但是在我的实际应用中我得到了错误

error TS2349: Cannot invoke an expression whose type lacks a call signature. Type

与此代码有关。

this.y.domain(
  d3.extent(
    d3.extent(data, (d) => {
      return d.start;    
    })
    .concat(d3.extent(data, (d) => {
      return d.finish;    
    })        
  )
));

我的实际应用使用Typescript 2.7.2

这与我导入D3的方式有关吗

import * as d3 from 'd3';   

如果我删除d3导入，错误会停止，但我不知道如何导入d3

完整错误是

    ERROR in .component.ts(108,7): error TS2349: C
annot invoke an expression whose type lacks a call signature. 
Type '{ (...items: ConcatArray<string>[]): string[]; 
(...items: (string | ConcatArray<string>)[]): stri...' has no compatible call signatures.