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

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

 

效果:

 

划重点了!!!!

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值