Echarts在线免费图表

 
            let xData = ["PQI", "PCI", "RQI", "RDI", "SRI"]
let seriesData = [
   {
      name: "全车道",
      value: [95.04, 96.13, 94.76, 93.51, 93.17]
   },
   {
      name: "国检车道",
      value: [94.96, 96.02, 94.68, 93.42, 93.12]
   },
   {
      name: "半幅",
      value: [null, 95.73, 94.46, 92.58, null]
   },
]


let colorList = ["#3bb3ff", "#7d89ff", "#c36dff", "#ff9344", "#f3c304", "#36d97b", "#12d5ce", "#f2956f", "#f2d66f", "#cdf26f", "#8cf26f", "#6ff294"]
option = {
   "color": colorList,
   "tooltip": {
      "trigger": "axis",
      "axisPointer": {
         "type": "shadow"
      }
   },
   "toolbox": {
      "feature": {
         "saveAsImage": {
            "name": "85fb6yrak5",
            "pixelRatio": 1
         }
      }
   },
   "legend": {
      "data": seriesData,
      "orient": "vertical",
      "y": "center",
      "x": "right",
      "align": "left",
      "itemHeight": 10,
      "textStyle": {
         "fontSize": 12
      }
   },
   "xAxis": {
      "type": "category",
      "data": xData,
      "axisLabel": {
         "rotate": 0,
         "fontSize": 12
      }
   },
   "yAxis": {
      "type": "value",
      "min": 70,
      "axisLabel": {
         "fontSize": 12
      }
   },
   "series": function () {
      let series = []
      for (let i = 0; i < seriesData.length; i++) {
         let serie = {
            "name": seriesData[i].name,
            "type": "bar",
            "barWidth": "13%",
            "label": {
               "normal": {
                  "show": true,
                  "position": "top",
                  "color": "#000",
                  "fontSize": 12
               }
            },
            "data": seriesData[i].value
         }
         series.push(serie)
      }
      return series
   }()
}