echarts循环创建多条曲线图

可以使用 for 循环和 echarts 的数据格式来实现循环创建多条曲线图。

首先定义一个包含所有数据的数组 data，每个元素代表一条曲线的数据。例如：

var data = [
  [10, 20, 30, 40, 50],
  [15, 25, 35, 45, 55],
  [20, 30, 40, 50, 60]
];

然后使用 for 循环遍历数组，每次循环创建一个曲线图。在创建曲线图时，需要指定对应的数据和曲线的颜色等样式。例如：

var chart = echarts.init(document.getElementById('chart'));

for (var i = 0; i < data.length; i++) {
  var series = {
    name: '曲线' + (i + 1),
    type: 'line',
    data: data[i],
    lineStyle: {
      color: 'rgb(' + (i * 70) + ', ' + (i * 50) + ', ' + (i * 30) + ')'
    }
  };
  option.series.push(series);
}

chart.setOption(option);

上述代码中，每次循环创建一个 series 对象，用于存储曲线的数据和样式。其中，name 属性是曲线的名称，type 属性是曲线的类型，data 属性是曲线的数据，lineStyle 属性是曲线的样式，包括颜色等。

最后将所有的 series 对象添加到 option.series 数组中，再调用 chart.setOption 方法将配置应用到图表中即可。

完整的示例代码如下：

var chart = echarts.init(document.getElementById('chart'));

var data = [
  [10, 20, 30, 40, 50],
  [15, 25, 35, 45, 55],
  [20, 30, 40, 50, 60]
];

var option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {
    type: 'value'
  },
  series: []
};

for (var i = 0; i < data.length; i++) {
  var series = {
    name: '曲线' + (i + 1),
    type: 'line',
    data: data[i],
    lineStyle: {
      color: 'rgb(' + (i * 70) + ', ' + (i * 50) + ', ' + (i * 30) + ')'
    }
  };
  option.series.push(series);
}

chart.setOption(option);