option = {
title: {
text: '一周水质处理量',
subtext: 'm³'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['最大水处理量', '最少水处理量']
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
dataView: {readOnly: false},
magicType: {type: ['line', 'bar']},
restore: {},
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} m³'
}
},
series: [
{
name: '最大水处理量',
type: 'line',
data: [10, 11, 13, 11, 12, 12, 9],
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
},
markLine: {
data: [
{type: 'average', name: '平均值'}, // 设置平均线 可以有多个yAxis,多条’示线 或者采用 {type : 'average', name: '平均值'},type值有 max min average,分为最大,最小,平均值
{
yAxis: 5,
symbol:"none", // 去掉警戒线最后面的箭头
silent:false, // 鼠标悬停事件 true没有,false有
name: '警戒线', // 警戒线
lineStyle: { // 警戒线样式
type: 'solid',
color: 'red'
},
label: {
position: 'end',//将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
formatter: '警戒线', // 名称
fontSize: 14
},
},
]
}
},
{
name: '最少水处理量',
type: 'line',
data: [1, 2, 2, 5, 3, 2, 8],
markPoint: {
data: [
{name: '周最高', value: 1, xAxis: 0, yAxis: 1},
{name: '周最低', value: 8, xAxis: 6, yAxis: 8}
]
},
markLine: {
data: [
{type: 'average', name: '平均值'}, // 设置平均线
]
}
}
]
};
需求: 需要平均线,警戒线,最高值最低值,多条线在同一个echarts上;