option = {
backgroundColor:'#fff',
title:{
text:"圆滑折线面积图",
top:10,
left:15,
textStyle:{
color:"#35598d",
fontSize:16,
fontWeight:'normal'
}
},
tooltip:{
trigger: 'axis',
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
top: 60,
containLabel: true
},
legend: {
show: false
},
xAxis :{
type : 'category',
data:['2024-1','2024-2','2024-3', '2024-4', '2024-5', '2024-6'],
axisLabel:{ //坐标轴字体颜色
textStyle:{
color: '#9eaaba'
}
},
axisLine:{
lineStyle:{
color:"#e5e5e5"
}
},
axisTick:{ //y轴刻度线
show:false
},
splitLine:{ //网格
show: false,
},
boundaryGap: true,
},
yAxis :{
type : 'value',
axisLabel:{ //坐标轴字体颜色
textStyle:{
color: '#9eaaba'
}
},
axisLine:{
show:false,
},
axisTick:{ //y轴刻度线
show:false
},
splitLine:{ //网格
show: true,
lineStyle:{
color:'#dadde4',
type:"dashed"
}
}
},
series:[{
name:'折线2',
type: 'line',
smooth:true,
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: "rgb(55, 200, 143)",
borderColor: "#fff",
borderWidth: 1,
},
lineStyle: {
normal: {
color:"rgb(55, 200, 143)",
shadowColor: 'rgba(55, 200, 143, .4)',
shadowBlur: 8,
shadowOffsetY: 10,
shadowOffsetX: 0,
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(55, 200, 143, .4)'
}, {
offset: 1,
color: 'rgba(55, 200, 143, 0)'
}]),
}
},
data: [6000, 0,0,1000, 9000, 0],
}]
};