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

Question

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

求码谢谢

Answer 1

需要横轴(假如是时间) 与 数据+数据名称 在多选触发 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
},