option = {
tooltip: {
},
grid: {
top: '16%',
left: '1%',
right: '4%',
bottom: '8%',
containLabel: true,
},
xAxis: [{
type: 'category',
boundaryGap: false,
axisLine: { //坐标轴轴线相关设置。数学上的x轴
show: true,
lineStyle: {
color: '#10646D'
},
},
axisLabel: { //坐标轴刻度标签的相关设置
textStyle: {
color: '#10646D'
},
},
axisTick: {
show: false
},
data: ['6.1', '6.2', '6.3', '6.4', '6.5', '6.6', '6.7'],
}],
yAxis: [{
name: '单位:（元/斤）',
nameTextStyle: {
color: '#10646D',
},
type: 'value',
splitNumber: 7,
splitLine: {
show: true,
lineStyle: {
type: 'dashed',
color: 'rgba(16, 100, 109, 0.2)'
}
},
axisLine: {show: false,},
axisLabel: {
margin:20,
textStyle: {
color: '#10646D',
},
},
axisTick: { show: false,},
}],
series: [{
name: '异常流量',
type: 'line',
smooth: true, //是否平滑曲线显示
// symbol:'circle', // 默认是空心圆（中间是白色的），改成实心圆
symbolSize:0,
lineStyle: {
normal: {
color: "rgba(16, 100, 109, 1)" // 线条颜色
}
},
"markArea": {
"data": [
[{
"yAxis": "0",
"itemStyle": {
"color": "rgba(0, 124, 58, .3)"
}
}, {
"yAxis": "20"
}],
[{
"yAxis": "20",
"itemStyle": {
"color": "rgba(19, 206, 55, .3)"
}
}, {
"yAxis": "40"
}],
[{
"yAxis": "40",
"itemStyle": {
"color": "rgba(244, 137, 21, .3)"
}
}, {
"yAxis": "60"
}],
[{
"yAxis": "60",
"itemStyle": {
"color": "rgba(218, 30, 40, .3)"
}
}, {
"yAxis": "80"
}],
[{
"yAxis": "80",
"itemStyle": {
"color": "rgba(135, 7, 29, .3)"
}
}, {
"yAxis": "140"
}]
]
},
data: [90, 105, 84, 125, 110, 92, 98]
}]
}