echarts 折线图绘制不重合的两条折线
时间: 2023-07-25 16:32:10 浏览: 110
要绘制两条不重合的折线图,可以将它们分别绑定在两个不同的 y 轴上。具体步骤如下:
1. 定义两个 y 轴,分别对应两条折线。例如:
```
var option = {
// ...
yAxis: [
{
type: 'value',
name: '折线1',
// 其他配置项
},
{
type: 'value',
name: '折线2',
// 其他配置项
}
],
// ...
};
```
2. 在系列中指定使用哪个 y 轴。例如:
```
var option = {
// ...
series: [
{
name: '折线1',
type: 'line',
yAxisIndex: 0, // 使用第一个 y 轴
// 其他配置项
},
{
name: '折线2',
type: 'line',
yAxisIndex: 1, // 使用第二个 y 轴
// 其他配置项
}
]
// ...
};
```
这样就可以绘制出两条不重合的折线图了。注意要根据实际需求调整各个配置项,包括坐标轴的位置、数据格式、样式等。
阅读全文