echarts 渐变堆叠面积图
相对于示例 https://echarts.apache.org/examples/zh/editor.html?c=area-stack-gradient
区别:y轴数据默认显示
option = {
color: ['#80FFA5'],
title: {
text: 'A type'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['渗透数']
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: [
'Jan-22',
'Feb-22',
'Mar-22',
'Apr-22',
'May-22',
'Jun-22',
'Jul-22',
'Aug-22',
'Sep-22',
'Oct-22',
'Nov-22',
'Dec-22'
]
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '渗透数',
type: 'line',
stack: 'Total',
smooth: true,
label: {
show: true,
position: 'top'
},
lineStyle: {
width: 0
},
showSymbol: true,
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#32f162'
},
{
offset: 1,
color: '#4e67ff'
}
])
},
emphasis: {
focus: 'series'
},
data: [10, 15, 20, 168, 35, 75, 48, 68, 54, 54, 787, 78]
}
]
};