码迷,mamicode.com
首页 > 其他好文 > 详细

echarts加定值横线

时间:2020-04-23 11:50:05      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:技术   col   png   line   art   ima   symbol   箭头   lin   

步骤如下:

在series中添加markline属性,

markLine : {
     symbol: [‘none‘,‘arrow‘], //[‘none‘]表示是一条横线;[‘arrow‘, ‘none‘]表示线的左边是箭头,右边没右箭头;[‘none‘,‘arrow‘]表示线的左边没有箭头,右边有箭头
     label:{
           position:"start" //将警示值放在哪个位置,三个值“start”,"middle","end" 开始 中点 结束
     },
     data : [{
           silent:false, //鼠标悬停事件 true没有,false有
           lineStyle:{ //警戒线的样式 ,虚实 颜色
                 type:"dotted", //样式  ‘solid’和‘dotted‘
                 color:"#FA3934",
                 width: 3   //宽度
            },
           yAxis: 250 // 警戒线的标注值,可以有多个yAxis,多条警示线 或者采用 {type : ‘average‘, name: ‘平均值‘},type值有 max min average,分为最大,最小,平均值
     }]
}

技术图片

 

echarts加定值横线

标签:技术   col   png   line   art   ima   symbol   箭头   lin   

原文地址:https://www.cnblogs.com/xingzoudecd/p/12759671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!