适用于如下场景 切换 某个图需要6条数据 而别的图查询的数据没有这么多 也可能一个 也可能多个的时候
async handleQuery() {
let res = await getEchartsList(this.queryParams);
console.log(res);
let title = res.title;
let data = res.data;
let datetime = [];
res.datetime.forEach((item) => {
datetime.push(dayjs(item).format("YYYY-MM-DD HH:mm:ss"));
});
// console.log(title, "title");
// console.log(data, "data");
// console.log(datetime, "datetime");
var myChart = echarts.init(document.getElementById("box"));
var series = [];
for (var i = 0; i < data.length; i++) {
series.push({
name: title[i],
type: "line",
data: data[i],
});
}
var option = {
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
xAxis: {
type: "category",
data: datetime,
axisLabel: {
interval: 0,
rotate: 30,
},
},
grid: {
left: "10%",
bottom: "15%",
},
legend: {
data: title,
},
toolbox: {
feature: {
saveAsImage: {},
},
},
yAxis: {
type: "value",
},
series: series,
};
// // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option, true);
},
简单来说就是series 循环几次 就几条线