Angular 2 typescript d3 type issue: Property 'x' does not exist on type '[number, number]'

Question

I am generating a line chart with d3. It works, but typescript code complain about a property not exists in vs.

Property \'x\' does not exist on type

Answer 1

As said, it's a TypeScript interpretation issue. I simply fixed it using brackets notation to access the property. Just like this:

let line = d3.line()
  .x(function (d) {
    return x(d['date']);
  })
  .y(function (d) {
    return y(d['temp']);
  });