echarts ajax动态加载数据 两调折线图 只能显示第一条
时间: 2023-08-01 12:14:17 浏览: 93
Echarts动态加载多条折线图的实现代码
您好,针对您的问题,可能是因为您的代码中只对第一条折线进行了设置和渲染,导致只有第一条折线图能被正确显示。您可以按以下步骤进行检查和修改:
1. 确认您的数据源中包含了两条折线图的数据,可以通过console.log()等方法查看数据是否正确。
2. 检查您在设置折线图时是否为每一条折线图都进行了设置,如设置了名称、颜色、线型等参数。
3. 确认您在使用echarts的setOption()方法时是否对两条折线图都进行了添加和渲染,如:
```
myChart.setOption({
legend: {
data: ['折线1', '折线2']
},
series: [{
name: '折线1',
type: 'line',
data: [1, 2, 3, 4, 5]
}, {
name: '折线2',
type: 'line',
data: [2, 4, 6, 8, 10]
}]
});
```
其中,series数组中包含了两个对象,分别对应两条折线图的设置和渲染。
希望以上方法能够帮助您解决问题。如果还有其他问题,请随时提出。
阅读全文