echarts问题整理之多条基准线设置

需求是横向多条基准线样式先贴图

下面代码注释非常清楚，可根据项目需求自行调整

series: [
          {
           //基准线
            markLine: {
              symbol: "none",   //是否显示首尾箭头
              data: [
              //第一条线
                {
                  yAxis: 10,
                  name: "先进值",
                  lineStyle: {
                    type: "solid",
                    color: "#FA6400",
                    width: 2,
                  },
                  label: {
                    //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
                    position: "middle",
                    fontSize: 14,

                    formatter: "先进值", 
                  },
                },
                //第二条线
                {
                  yAxis: 20,   //映射y轴大小
                  name: "行业平均值",
                  lineStyle: {
                    type: "solid",  //虚实
                    color: "green",  //颜色
                    width: 2,   //基线粗细
                  },
                  label: {
                    //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
                    position: "middle",
                    fontSize: 14,  //文字大小

                    formatter: "行业平均值", // 基线名称
                  },
                },
                第三条线
                {
                  yAxis: 50,
                  name: "限定值",
                  lineStyle: {
                    type: "solid",
                    color: "red",
                    width: 2,
                  },
                  label: {
                    //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
                    position: "middle",
                    fontSize: 14,

                    formatter: "限定值", //行业\n平均\n水平 // 这儿设置安全基线
                  },
                },
              ],
            },
            itemStyle: {
              normal: {
                color: "#BABABA", //柱子颜色
                label: {
                  show: true, //开启显示
                  position: "top", //在上方显示
                  textStyle: {
                    //数值样式
                    color: "#010101",
                    fontSize: 16,
                  },
                },
              },
            },
          },
        ],