| | |
| | | let data2 = []; |
| | | let data3 = []; |
| | | let data4 = []; |
| | | let data5 = []; |
| | | // let legend = ["自招保安单位", "保安培训公司", "保安服务公司", "武装守押公司"]; |
| | | allData.forEach(item => { |
| | | nameArr.push(item.name); |
| | |
| | | data2.push(item.server.staff); |
| | | data3.push(item.server.security); |
| | | data4.push(item.server.armed); |
| | | data5.push(item.server.region); |
| | | }); |
| | | function add(arr) { |
| | | let total = 0; |
| | | arr.forEach(i => { |
| | | total += Number(i) |
| | | }) |
| | | return total |
| | | } |
| | | // let legend1 = ["自招保安单位" + add(data1), "保安培训公司", "保安服务公司", "武装守押公司"]; |
| | | // let legendData = [{ |
| | | // name: "自招保安单位", |
| | | // value: add(data1) |
| | | // }, |
| | | // { |
| | | // name: "保安培训公司", |
| | | // value: add(data2) |
| | | // }, |
| | | // { |
| | | // name: "保安服务公司", |
| | | // value: add(data3) |
| | | // }, |
| | | // { |
| | | // name: "武装守押公司", |
| | | // value: add(data4) |
| | | // }]; |
| | | let option = { |
| | | tooltip: { |
| | | trigger: "axis", |
| | |
| | | // // } |
| | | // }, |
| | | grid: { |
| | | top: '5%', |
| | | top: '10%', |
| | | left: "5%", |
| | | right: "6%", |
| | | bottom: "10%", |
| | |
| | | focus: "series" |
| | | }, |
| | | data: data4 |
| | | }, |
| | | { |
| | | name: "跨区域保安公司", |
| | | type: "bar", |
| | | stack: "total", |
| | | emphasis: { |
| | | focus: "series" |
| | | }, |
| | | data: data5 |
| | | } |
| | | ] |
| | | }; |
| | |
| | | } |
| | | |
| | | function left3Data(allData) { |
| | | let data = [ |
| | | { value: allData[0].mnum ? Number(allData[0].mnum) : 0, name: '男' }, |
| | | { value: allData[0].gnum ? Number(allData[0].gnum) : 0, name: '女' } |
| | | ] |
| | | let option = { |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | trigger: 'item', |
| | | formatter: "{a}<br>{b}:{c}({d}%)", |
| | | axisPointer: { |
| | | type: 'shadow' |
| | | } |
| | | }, |
| | | legend: { |
| | | data: ['男', '女'], |
| | | bottom: "1%", |
| | | itemWidth: 20, |
| | | type: "shadow" |
| | | }, |
| | | backgroundColor: "#031952", //设置背景图片 rgba格式 |
| | | color: "#fff", |
| | | borderWidth: "0", //边框宽度设置1 |
| | | // borderColor: "gray", //设置边框颜色 |
| | | textStyle: { |
| | | color: "#fff" |
| | | } |
| | | color: "#fff" //设置文字颜色 |
| | | }, |
| | | }, |
| | | color: [ |
| | | "#91cc75", |
| | | "#fac858", |
| | | "#73c0de", |
| | | '#008DEC', |
| | | '#886EFF', |
| | | ], |
| | | grid: { |
| | | top: '5%', |
| | | left: "5%", |
| | | right: "6%", |
| | | bottom: "15%", |
| | | containLabel: true |
| | | legend: { |
| | | right: "8%", |
| | | bottom: "10%", |
| | | itemHeight: 10, |
| | | show: true, |
| | | selectedMode: false, |
| | | textStyle: { |
| | | color: "#fff" |
| | | }, |
| | | data: ['男', '女'], |
| | | orient: "vertical" |
| | | }, |
| | | xAxis: [ |
| | | { |
| | | type: 'value', |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | } |
| | | ], |
| | | yAxis: [ |
| | | |
| | | { |
| | | type: 'category', |
| | | data: ['红谷滩分局', '青山湖分局', '南昌市公安局东湖分局', '南昌市公安局西湖分局', '南昌市公安局青云谱分局', '南昌市公安局湾里分局', '南昌市公安局高新开发区分局'], |
| | | |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | } |
| | | ], |
| | | series: [ |
| | | { |
| | | name: '男', |
| | | type: 'bar', |
| | | stack: '性别', |
| | | name: '性别比例', |
| | | type: 'pie', |
| | | center: ['43%', '50%'], |
| | | radius: '70%', |
| | | data: data, |
| | | emphasis: { |
| | | focus: 'series' |
| | | itemStyle: { |
| | | shadowBlur: 10, |
| | | shadowOffsetX: 0, |
| | | shadowColor: 'rgba(0, 0, 0, 0.5)' |
| | | } |
| | | }, |
| | | data: [120, 132, 101, 134, 90, 230, 210] |
| | | }, |
| | | { |
| | | name: '女', |
| | | type: 'bar', |
| | | stack: '性别', |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | data: [220, 182, 191, 234, 290, 330, 310] |
| | | }, |
| | | } |
| | | ] |
| | | }; |
| | | return option |
| | |
| | | { |
| | | name: '分局预警占比', |
| | | type: 'pie', |
| | | radius: '70%', |
| | | radius: '75%', |
| | | center: ['30%', '50%'], |
| | | roseType: 'radius', |
| | | itemStyle: { |