Javascript d3日暴图-获取“；TS2339:类型“上不存在属性”；角分量误差

我正在尝试在

Angular 5

的

TypeScript

中创建一个

d3 sunburst

图表

下面是代码片段

json数据

var nodeData = {
      "name": "Root", "children": [{
        "name": "Section 1",
        "children": [{ "name": "sec1_child_1", "size": 1 }, { "name": "sec1_child_2", "size": 2 }]
      }, {
        "name": "Section 2",
        "children": [{ "name": "sec2_child_1", "size": 1 }, { "name": "sec2_child_2", "size": 1 }, {"name": "sec2_child_3", "size": 2}]
      }]
    };

javascript的部分

   ...
   ...    
   // finding our root node from nodeData
        var root = d3.hierarchy(nodeData)
          .sum((d) => { return d.size }) //sum() iterates through each node in our data and adds a "value" attribute to each one(hear it is "size").
   ...
   ...
      var arc = d3.arc()
          .startAngle((d) => { return d.x0 })
          .endAngle((d) => { return d.x1 })
          .innerRadius((d) => { return d.y0 })
          .outerRadius((d) => { return d.y1 })
   ...
   ...

我面临的问题是，当它通过

ng serve

/编译提供服务时，我得到的错误如下：

错误TS2339:类型“{”上不存在属性“size”

错误TS2339:类型“DefaultArcObject”上不存在属性“x0”

错误TS2339:类型“DefaultArcObject”上不存在属性“x1”

错误TS2339:类型“DefaultArcObject”上不存在属性“y0”

错误TS2339:类型“DefaultArcObject”上不存在属性“y1”

它呈现d3图表，即使打印出错误， 但是，由于

TypeScript

是一个超集，它应该被有效地

JavaScript

处理而不出错吗

---

在许多论坛上看到过类似的问题，但尚未找到解决方案。是否有任何方法可以避免此错误或至少抑制此错误？

您找到了此问题的解决方案吗？@VikramDeshmukh遗憾的是，尚未找到解决方案。您找到解决方案了吗？