我做项目的时候使用的是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,多条警示线 } ] } }] };
效果:
