使用原生脚本angular为RadCharts中的每个条显示不同的图例

<div>
  <telerik-chart>
    <telerik-chart-series>
      <telerik-chart-series-items>
        <telerik-chart-series-item *ngFor="let item of chartData">
          <telerik-chart-series-item-label>
            {{ item.label }}
          </telerik-chart-series-item-label>
          <telerik-chart-series-item-value>
            {{ item.value }}
          </telerik-chart-series-item-value>
        </telerik-chart-series-item>
      </telerik-chart-series-items>
    </telerik-chart-series>
  </telerik-chart>
</div>

export class ChartComponent implements OnInit {
  chartData: any[];

  ngOnInit() {
    this.chartData = [
      { label: 'Item 1', value: 10 },
      { label: 'Item 2', value: 20 },
      { label: 'Item 3', value: 30 },
      // ...更多条目
    ];
  }
}

telerik-chart-series-item:nth-child(1) {
  // 设置第一个条目的图例样式
}

telerik-chart-series-item:nth-child(2) {
  // 设置第二个条目的图例样式
}

// ...其他条目的样式设置