Skip to main content
2 de 4
Array modificado, tabla ilustrativa, modificación del codigo

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.

[
 {
    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.


<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>
hawks
  • 3.5k
  • 1
  • 6
  • 16