Angular-ngFor持久数据

Question

我这里有个突如其来的飞车-https://stackblitz.com/edit/angular-bu7exj?file=src%2Fapp%2Fdonuts.component.ts

我有三个用svg stroke-dasharray绘制的dounut图表，所有三个图表的总和为100％。

我需要每个图表线的位置才能跟着上一行。

因此，第二个图表行将从60％开始，第一个图表行结束，而最后一个图表行将从90％开始。

图表仍将是分开的，但该线将在不同的地方开始和结束。

我可以和

周长-所有先前片段的总长度+第一片段的偏移量=当前片段的偏移量

我需要将前面的段长度加起来。

我在ngfor中有一个trackBy函数，我试图用它来捕获前面的段长度

我如何捕获上一张图表的百分比。

import { Component, Input } from '@angular/core';

@Component({
  selector: 'donuts',
  templateUrl: './donuts.template.html'
})


export class DonutsComponent  {

  @Input() donutData: any;

  trackPercent(index, donut) {

    let newPercent = 0

    if(index !== 0){
      newPercent = newPercent + donut.percent
    }else{
      newPercent = 25;
    }

    return newPercent;

  }

}