echarts 折线图两条线如何绘制闭合路径
时间: 2023-06-29 22:02:33 浏览: 100
要绘制闭合路径,可以使用 echarts 中的 areaStyle 属性。具体做法是:
1. 在 series 中定义两条折线(line)的数据。
例如:
```
series: [{
name: 'line1',
type: 'line',
data: [10, 20, 30, 40, 50]
}, {
name: 'line2',
type: 'line',
data: [50, 40, 30, 20, 10]
}]
```
2. 在两条折线(line)的 series 中,分别添加 areaStyle 属性,设置其 normal 属性的 opacity 为 1。
例如:
```
series: [{
name: 'line1',
type: 'line',
data: [10, 20, 30, 40, 50],
areaStyle: {
normal: {
opacity: 1
}
}
}, {
name: 'line2',
type: 'line',
data: [50, 40, 30, 20, 10],
areaStyle: {
normal: {
opacity: 1
}
}
}]
```
这样,两条折线之间就会被填充,形成一个闭合的区域。如果需要设置不同的填充颜色,可以在 areaStyle 中设置 color 属性。
阅读全文