我做项目的时候使用的是echarts 2.0。结果在画markLine的时候,使用下面的代码,会提示我type没有定义。后来在一篇文章中看到2.0不支持.现在最先版本是4.4的。但是我还是想用3.0.
相关文章链接:https://www.jianshu.com/p/b1d7540797fe
下面代码复制到Echarts可以看到效果
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
markLine : {
symbol:"none", //去掉警戒线最后面的箭头
label:{
position:"end" //三个值“start”,"middle","end" 开始 中点 结束
},
data : [
{
silent:false, //鼠标悬停事件 true没有,false有
lineStyle:{ //警戒线的样式 ,虚实 颜色
type:"dotted", // type: 'solid' //'dotted'虚线 'solid'实线
color:"green",
borderWidth:8,
},
label:{show:true,position:'end',formatter:'报警值'+800},
yAxis:800
},
{
silent:false, //鼠标悬停事件 true没有,false有
lineStyle:{ //警戒线的样式 ,虚实 颜色
type:"dotted",
color:"#FA3934",
opacity:0, //线条透明度设置为0
},
//或者采用 {type : 'average', name: '平均值'},type值有max min average
yAxis: 600 // 警戒线的标注值,可以有多个yAxis,多条警示线
}
]
}
}]
};
效果:
划重点了!!!!