echarts图形在angular中用循环得到两个数据不一样的图形

您好，感谢您的提问。

如果您想在Angular中循环展示多个Echarts图形，并且每个图形的数据不同，可以按照以下步骤进行操作：

1.在组件中定义一个数组，存储每个图形的数据。例如：

chartsData = [
  { title: '图形1', data: [1, 2, 3, 4, 5] },
  { title: '图形2', data: [5, 4, 3, 2, 1] },
  { title: '图形3', data: [3, 1, 4, 2, 5] }
];

2.在模板中使用ngFor循环展示多个图形，并为每个图形传入对应的数据。例如：

<div *ngFor="let chart of chartsData">
  <h3>{{ chart.title }}</h3>
  <div echarts [options]="getOptions(chart.data)"></div>
</div>

其中，getOptions(chart.data)方法根据传入的数据生成对应的Echarts配置项。

3.在组件中定义getOptions方法，根据传入的数据生成对应的Echarts配置项。例如：

getOptions(data: number[]) {
  return {
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: data,
      type: 'line'
    }]
  };
}

上述代码中，我们通过传入的数据生成了一个简单的线性图表配置项。

通过以上步骤，您可以在Angular中循环展示多个Echarts图形，并为每个图形传入不同的数据。希望能对您有所帮助！