Angular 找不到名称'；行'；-d3折线图

尝试整合d3折线图时，显示以下错误。 我正在使用创建折线图

g.append("path")
.datum(data)
.attr("fill", "none")
.attr("stroke", "steelblue")
.attr("stroke-linejoin", "round")
.attr("stroke-linecap", "round")
.attr("stroke-width", 1.5)
.attr("d", line);

这导致了以下错误：

error TS2304: Cannot find name 'line'.

error TS2339: Property 'date' does not exist on type '[number, number]'

然后我补充说：

var line = d3.line()
   .x(function(d) { return x(d.date)})
   .y(function(d) { return y(d.value)})
   x.domain(d3.extent(data, function(d) { return d.date }));
   y.domain(d3.extent(data, function(d) { return d.value }));

到我的typescript，这导致了错误：

error TS2304: Cannot find name 'line'.

error TS2339: Property 'date' does not exist on type '[number, number]'

第行代码：

var line = d3.line()
   .x(function(d) { return x(d.date)})
   .y(function(d) { return y(d.value)})
   x.domain(d3.extent(data, function(d) { return d.date }));
   y.domain(d3.extent(data, function(d) { return d.value }));

有d3.js方面的专家吗。。？

---

提前感谢。

由于您使用的是typescript，您必须告诉

d3

您要传递到

行的类型

生成器：

var line = d3.line<MyDataType>()
  .x(function(d) {return x(d.date);})
  .y(function(d) {return y(d.value);});

---

您的输入数据是什么样子的？带有两个值的json文件我不确定这是否真的需要一位

d3

方面的专家，因为这是一个关于TypeScript的问题。我猜当调用

x（）

函数时，类型绑定定义了什么

d

？我对Typescript不太了解，按照

控制台中的代码进行操作。记录
变量
数据
，查看结构是一个对象数组还是一个
数组[number，number]
显示错误TS2345：“日期”类型的参数不能分配给“字符串”类型的参数。@VishnuNair，您的日期不是日期吗？根据您尝试遵循的教程，应该是。