echarts加定值横线

Posted xingzoudecd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts加定值横线相关的知识,希望对你有一定的参考价值。

步骤如下:

在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加定值横线的主要内容,如果未能解决你的问题,请参考以下文章

跟随我在oracle学习php(41)

ECharts 雷达图怎么在类目值下面显示数值

echart同一个dom下多次动态渲染值,防止值事件重复互相影响

echarts label怎么只显示某一个值

echarts图表——矩形树图&仪表盘

ECharts怎么让tooltip显示对应的name值