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

When data is passed as a variable, defining that data as type any should appease TypeScript, e.g.:

// Append a 'text' SVGElement with data-driven text() to each 'g' SVGElement 
d3.selectAll('g')
  .each(function(d: any) {
    d3.select(this)
      .append('text')
      .text(d.mytext);
  });