ducha-qianduan/public/taishi/center22.js

function unit_score(data,data1){
    var myChart = echarts.init(document.getElementById('center22'), 'vintage');
    var option = {
      "color": ["#3cefff"],
      "tooltip": {},
      "grid": {
          "containLabel": true
      },
      "xAxis": [{
          "type": "category",
          "data": data,
          "axisTick": {
              "alignWithLabel": true
          },
          "nameTextStyle": {
              "color": "#fff"
          },
          "axisLine": {
              "lineStyle": {
                  "color": "#fff"
              }
          },
          "axisLabel": {
              "textStyle": {
                  "color": "#fff",
                  "fontSize":8
              }
          }
      }],
      "yAxis": [{
          "type": "value",
          "axisLabel": {
              "textStyle": {
                  "color": "#fff"
              },
              "formatter": "{value}"
          },
          "splitLine": {
              "lineStyle": {
                  "color": "#0c2c5a"
              }
          },
          "axisLine": {
              "show": false
          }
      }],
      "series": [{
          "name": "",
          "type": "pictorialBar",
          "symbolSize": [30, 10],
          "symbolOffset": [0, -5],
          "symbolPosition": "end",
          "z": 12,
          "label": {
              "normal": {
                  "show": true,
                  "position": "top",
                  "formatter": "{c}"
              }
          },
          "data": 102
      }, {
          "name": "",
          "type": "pictorialBar",
          "symbolSize": [30, 10],
          "symbolOffset": [0, 5],
          "z": 12,
          "data": data1
      }, {
          "type": "bar",
          "itemStyle": {
              "normal": {
                  "opacity": 0.7
              }
          },
          "barWidth": "30",
          "data": 50,
          "markLine": {
              "silent": true,
              "symbol": "none",
              "label": {
                  "position": "middle",
                  "formatter": "{b}"
              },
              
          }
      },
                      {
                      type: 'effectScatter',
                      silent: true,
                      tooltip: {
                          show: false
                      },
                      zlevel: 3,
                      symbolSize:10,
                      showEffectOn: 'render',
                      rippleEffect: {
                          brushType: 'stroke',
                          color: '#3cefff',
                          scale: 5
                      },
                      itemStyle: {
                          color: '#3cefff'
                      },
                      hoverAnimation: true,
                      data: [60,10,0,15,0,0,0,0]
                  },
      ]
    }
    myChart.setOption(option);
}