Echarts根据select多选的选中个数对应生成多条折线

如何用vue3+ts去用select的多选的选中后让图表的折线根据选项渲染折线。

求码谢谢

需要横轴(假如是时间) 与 数据+数据名称 在多选触发 change事件 调用接口返回数据格式
response.data={
information:[{数据1:‘1’,数据名称1:‘名称1’},{数据2:‘2’,数据名称2:‘名称2’}],
timeList:['2021','2022']
}
把 数据名称 拿出来 做一个新数组name
legend: {
data: name
},
时间
xAxis: {
type: 'category',
boundaryGap: false,
data: timeList
},
数据
series: this.functionName(information),
functionName(nameAndCriticalValues) {
const serie = []
for (let i = 0; i < nameAndCriticalValues.length; i++) {
const item = {
name: nameAndCriticalValues[i].indexName,
type: 'line',
data: nameAndCriticalValues[i].criticalValues
}
serie.push(item)
}
return serie
},