echarts 配置项内容和展示

      option = {
  "tooltip": {},
  "xAxis": {
    "max": 2000,
    "splitLine": {
      "show": false
    },
    "offset": 10,
    "axisTick": {
      "show": false
    },
    "axisLine": {
      "show": false
    },
    "axisLabel": {
      "show": false
    }
  },
  "yAxis": [
    {
      "type": "category",
      "inverse": false,
      "data": [
    "8.黄土—隰县110千伏线路改造工程",
    "7.吉县壶口220千伏变电站主变扩建",
    "6.临汾洪洞南220千伏输变电工程",
    "5.临汾兴唐220千伏变电站3号主变扩建工程",
    "4.隰县盾安新能源风电110千伏送出工程",
    "3.临汾黄土—隰县110千伏线路改造工程",
    "2.临汾西500千伏变电站220千伏送出工程",
    "1.临汾洪洞郭堡110千伏输变电工程"
  ],
      "position": "left",
      "axisLine": {
        "show": false
      },
      "axisTick": {
        "show": false
      },
      "axisLabel": {
        "show": false
      }
    }
  ],
  "grid": {
    "top": "5%",
    "bottom": "0%",
    "left": "5%",
    "right": "5%"
  },
  "series": [
    {
      "name": "",
      "type": "pictorialBar",
      "symbol": "reat",
      "symbolOffset": [
        "-0.5%",
        0
      ],
      "symbolSize": [
        5,
        10
      ],
      "itemStyle": {
        "normal": {
          "color": "black"
        }
      },
      "z": -20,
      "symbolRepeat": null,
      "symbolBoundingData": 2000,
      "data": [
    891,
    1220,
    660,
    1670
  ],
      "animationEasing": "elasticOut"
    },
    {
      "type": "pictorialBar",
      "symbol": "rect",
      "symbolRepeat": "fixed",
      "symbolMargin": "20%",
      "symbolClip": true,
      "symbolSize": [
        5,
        10
      ],
      "symbolBoundingData": 2000,
      "data": [
    {
      "value": 660,
      "itemStyle": {
        "normal": {
          "color": "#ffdb15"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#baff15"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#46e621"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#00df93"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#00addf"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#1a86ff"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#8e49ff"
        }
      }
    },
    {
      "value": 1670,
      "itemStyle": {
        "normal": {
          "color": "#ff49f9"
        }
      }
    }
  ],
      "z": 99999999,
      "animationEasing": "elasticOut"
    },
    {
      "type": "pictorialBar",
      "itemStyle": {
        "normal": {
          "color": "#6d6e7d"
        }
      },
      "label": {
        "normal": {
          "show": true,
          "position": "right",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "darkorange",
            "fontSize": 14
          }
        }
      },
      "animationDuration": 0,
      "symbolRepeat": "fixed",
      "symbolMargin": "20%",
      "symbol": "rect",
      "symbolSize": [
        5,
        10
      ],
      "symbolBoundingData": 2000,
      "data": [
    {
      "value": 660,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 1670,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 891,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 1220,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 1670,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 660,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 1670,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    },
    {
      "value": 1220,
      "label": {
        "normal": {
          "show": true,
          "position": [
            -10,
            -10
          ],
          "formatter": "{b}",
          "offset": [
            10,
            0
          ],
          "textStyle": {
            "color": "#fff",
            "fontSize": 14
          }
        }
      }
    }
  ],
      "z": 99999,
      "animationEasing": "elasticOut"
    }
  ]
};