I have a plunker here - <https://plnkr.co/edit/NNjlIr?p=preview>

I'm trying to create a simple line chart with Angular and D3.

In my example the console show the data but graph dosen't show the line

I get an error in the console.

> 
> Error: attribute d: Expected number, "MNaN,3LNaN,8LNaN,…".
> 
> 
> 

The `NaN` seems to show the correct number with `NaN`

Can anyone tell me what I'm doing wrong?

```
private drawLine() {

    console.log(this.data);

    this.valueline = d3.line()
        .x((d) => { return d['date']; })
        .y((d) => { return d['total'] });

    this.g.append('path')
        .datum(this.data)
        .attr("class", "path")
        .attr("fill", "none")
        .attr("stroke", "red")
        .attr("stroke-width", 1.5)
        .attr("d", this.valueline(this.data));

}

```