echarts series areastyle
时间: 2024-01-28 09:07:17 浏览: 145
ECharts中的series有一个areastyle属性,用于设置面积图的样式。areastyle属性是一个对象,它包含以下子属性:
- color: 面积颜色,默认为自动计算的颜色。
- opacity: 面积透明度,默认为0.5。
- borderStyle: 面积边框样式,默认为无边框。
- borderWidth: 面积边框宽度,默认为0。
- borderColor: 面积边框颜色,默认为#000。
示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
areaStyle: {
color: 'rgba(255, 0, 0, 0.5)',
opacity: 0.8,
borderWidth: 1,
borderColor: '#fff'
}
}]
};
```
在这个例子中,我们设置面积图的颜色为红色、透明度为0.5、边框宽度为1、边框颜色为白色。
阅读全文