asp.net echarts 画多条markline。阈值+报警值+界限值。2.0无法实现

mac2025-11-12  9

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

 

效果:

 

划重点了!!!!

 

 

 

最新回复(0)