效果图
以下是代码
ps: markline的值不可用高于数据中的最大值
option = {
tooltip: {
trigger: 'axis'
},
legend: {
data: []
},
grid: {
top: '3%',
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2014-12-9','2014-12-10','2014-12-11','2014-12-12','2014-12-13','2014-12-14']
},
yAxis: {
type: 'value'
},
series: [
{
name: '温度',
type: 'line',
stack: 'Total',
data: [10,20,30,40,10,20],
markLine: {
symbol:'none',
data: [
//x轴线
{ xAxis: '2014-12-10', name: '周二标线' },
{ type: 'average', name: 'Avg' },
{
name: '高报',
yAxis: 23, // 自定义值
label: { // 显示基准线名称
show: true,
//这是才是图表上显示的名称
formatter:'高报',
// padding:[10,20],
position:'end'
},
lineStyle: {
type: 'dashed', // 基准线样式为虚线
color: '#F70B0B',
width: 2 // 线宽
},
},
//多个markline就在后面跟着写
{
name: '高qwe1报',
yAxis: 2, // 自定义值
label: { // 显示基准线名称
show: true,
formatter:'低报',
},
lineStyle: {
type: 'dashed', // 基准线样式为虚线
color: '#F70B0B',
width: 2 // 线宽
},
},
],
}
}, ]
};