上下警戒线

描述:当前是关于Echarts图表中的 柱状图 示例。
 
                option = {
      "backgroundColor": "transparent",
      "grid": {
        "left": "0",
        "right": "22%",
        "containLabel": true
      },
      "xAxis": {
        "show": false
      },
      "tooltip": {
        "show": true
      },
      "yAxis": {
        "type": "category",
        "inverse": true,
        "axisLabel": {
          "margin": 30,
          "show": false,
          "color": "#000",
          "fontSize": 30
        },
        "axisTick": {
          "show": false
        },
        "axisLine": {
          "show": false
        },
        "data": [
          "1",
          "2",
          "3"
        ]
      },
      "series": [
        {
          "type": "bar",
          "barGap": "-65%",
          "label": {
            "normal": {
              "show": true,
              "position": "right",
              "color": "#000",
              "fontSize": 20,
              "fontWeight": 800,
              "textStyle": {
                "rich": {
                  "greenData": {
                    "fontSize": 20,
                    "fontWeight": 800,
                    "color": "#00b050"
                  },
                  "orangeData": {
                    "fontSize": 20,
                    "fontWeight": 800,
                    "color": "#fda924"
                  },
                  "redData": {
                    "fontSize": 20,
                    "fontWeight": 800,
                    "color": "#E86148"
                  }
                }
              }
            }
          },
          "barWidth": "25",
          "itemStyle": {
            "normal": {
              "borderColor": "#4DCEF8",
              "borderWidth": 0,
              "barBorderRadius": [
                0,
                15,
                15,
                0
              ]
            }
          },
          "z": 1,
          "data": [
            1,
            1,
            1
          ]
        },
        {
          "type": "bar",
          "barGap": "-88%",
          "barWidth": "25",
          "itemStyle": {
            "normal": {
              "barBorderRadius": [
                0,
                16,
                16,
                0
              ]
            }
          },
          "max": 1,
          "label": {
            "normal": {
              "color": "#000",
              "fontSize": 18,
              "fontWeight": 800,
              "show": true,
              "position": [
                "0%",
                "-150%"
              ],
              "textStyle": {
                "rich": {
                  "greenData": {
                    "fontSize": 24,
                    "fontWeight": 800,
                    "color": "#00b050"
                  },
                  "orangeData": {
                    "fontSize": 24,
                    "fontWeight": 800,
                    "color": "#fda924"
                  },
                  "redData": {
                    "fontSize": 24,
                    "fontWeight": 800,
                    "color": "#E86148"
                  }
                }
              }
            }
          },
          "labelLine": {
            "show": true
          },
          "z": 2,
          "data": [
            0.8484848484848485,
            0.8363636363636363,
            0.8181818181818182
          ]
        },
        {
          "type": "bar",
          "barGap": "-100%",
          "barWidth": "25",
          "itemStyle": {
            "normal": {
              "color": {
                "x": 0,
                "y": 0,
                "x2": 1,
                "y2": 0,
                "type": "linear",
                "global": false,
                "colorStops": [
                  {
                    "offset": 0,
                    "color": "transparent"
                  },
                  {
                    "offset": 0.98,
                    "color": "transparent"
                  },
                  {
                    "offset": 0.98,
                    "color": "#627d2d"
                  },
                  {
                    "offset": 1,
                    "color": "#627d2d"
                  }
                ]
              }
            }
          },
          "max": 1,
          "z": 2,
          "data": [
            0.7575757575757576,
            0.7575757575757576,
            0.7575757575757576
          ]
        },
        {
          "type": "bar",
          "barGap": "-100%",
          "barWidth": "25",
          "itemStyle": {
            "normal": {
              "color": {
                "x": 0,
                "y": 0,
                "x2": 1,
                "y2": 0,
                "type": "linear",
                "global": false,
                "colorStops": [
                  {
                    "offset": 0,
                    "color": "transparent"
                  },
                  {
                    "offset": 0.98,
                    "color": "transparent"
                  },
                  {
                    "offset": 0.98,
                    "color": "#e86148"
                  },
                  {
                    "offset": 1,
                    "color": "#e86148"
                  }
                ]
              }
            }
          },
          "max": 1,
          "z": 2,
          "data": [
            0.9090909090909091,
            0.9090909090909091,
            0.9090909090909091
          ]
        }
      ]
    }