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); }