Echarts在线免费图表

 
            let colorList = ["#00DD00", "#5ED5D1", "#EEEE00", "#FF8C00", "#FF3333"]
let seriesData = [{
   name: "优",
   value: [95.74, 88.74, 98.33, 94.36, 91.33, 32.09, 76.24]
}, {
   name: "良",
   value: [3.66, 9.96, 1.48, 5.34, 0, 43.73, 19.49]
}, {
   name: "中",
   value: [0.53, 0.98, 0.13, 0.27, 5.99, 21.76, 3.95]
}, {
   name: "次",
   value: [0.08, 0.25, 0.03, 0.03, 0, 2.29, 0.31]
}, {
   name: "差",
   value: [0, 0.07, 0.03, 0.01, 2.68, 0.12, 0.01]
}]
let xData = ["PQI", "PCI", "RQI", "RDI", "PBI", "PWI", "SRI"]


option = {
   "color": colorList,
   "tooltip": {
      "trigger": "axis",
      "axisPointer": {
         "type": "shadow"
      }
   },
   "toolbox": {
      "feature": {
         "saveAsImage": {
            "name": "ib4l34smlw",
            "pixelRatio": 1
         }
      }
   },
   "legend": {
      "data": seriesData,
      "orient": "vertical",
      "y": "center",
      "x": "right",
      "align": "left",
      "itemHeight": 10,
      "textStyle": {
         "fontSize": 12
      }
   },
   "grid": {
      "x": 50,
      "y": 30,
      "y2": 30,
      "left": 50
   },
   "xAxis": {
      "type": "category",
      "data": xData,
      "axisLabel": {
         "rotate": 0,
         "fontSize": 12
      }
   },
   "yAxis": {
      "type": "value",
      "axisLabel": {
         "show": true,
         "interval": "auto",
         "formatter": "{value}%",
         "fontSize": 12
      },
      "show": true,
      "max": 100
   },
   "series": function () {
      let series = []
      for (let i = 0; i < seriesData.length; i++) {
         let serie = {
            "name": seriesData[i].name,
            "type": "bar",
            "stack": "总量",
            "barWidth": "30%",
            "data": seriesData[i].value
         }
         series.push(serie)
      }
      return series
   }()
}