Tienes que verlo como una colección de objetos el array "principal" y luego cada objeto en la propiedad `series` contiene otra lista de objetos.

```javascript
[
 {
    name: "x",
    series: [{...}, {...}, ....] // el ngFor de dentro itera estos datos
 },
 {
    name: "y",
    series: [{...}, {...}, ....]
 },
] // Array de objetos
```

He llamado `items` a la colección de objetos, deberías cambiarla con la variable que tengas en el `component.ts`.

```html

<table>
 <thead>
  <tr>
    <th>Fecha</th>
    <th>Estado 1</th>
    <th>Estado 2</th>
    <th>Total</th>
  </tr>
 </thead>
</table>

<tbody>

<tr *ngFor="let item of items; let i = index">
<!-- item es el objeto individual -->
     <td>{{item.name | date:'yyyy/MM/dd'}}</td>
     <td>{{item.value}}</td> <!-- Esta propiedad no existe el objeto de la imagen -->
     <tr *ngFor="let serie of item.series; let j = index">
       <td>{{serie.name | date:'yyyy/MM/dd'}}</td>
       <td>{{serie.value}}</td>
     </tr>
 </tr>

</tbody>
```