117 lines
3.7 KiB
JavaScript
117 lines
3.7 KiB
JavaScript
|
import { stationurl,brigade } from "../../../../public/js/url.js";
|
|||
|
|
import { stationGradeArr } from "../index.js";
|
|||
|
|
import { getGradeValue } from "./getBoroughGrade.js";
|
|||
|
|
var sManage_box_echart=null;
|
|||
|
|
function getStationGrade(){
|
|||
|
|
var data={
|
|||
|
|
"brigade":brigade
|
|||
|
|
}
|
|||
|
|
var loginurl=stationurl+"/firectrl/client/statistics/stations_last_list";
|
|||
|
|
return axios({
|
|||
|
|
method: 'post',
|
|||
|
|
url:loginurl,
|
|||
|
|
data: data
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showStationGrade(){
|
|||
|
|
var data=[
|
|||
|
|
{ value: 0, name: '五星校园',scope:5 },
|
|||
|
|
{ value: 0, name: '四星校园',scope:4 },
|
|||
|
|
{ value: 0, name: '三星校园',scope:3 },
|
|||
|
|
{ value: 0, name: '二星校园',scope:2 },
|
|||
|
|
{ value: 0, name: '一星校园',scope:1 }
|
|||
|
|
];
|
|||
|
|
for(var i=0;i<stationGradeArr.length;i++){
|
|||
|
|
var score_total=(stationGradeArr[i]["score_total"]).toFixed(2);
|
|||
|
|
var value=getGradeValue(score_total);
|
|||
|
|
for(var j=0;j<data.length;j++){
|
|||
|
|
if(value==data[j]["scope"]){
|
|||
|
|
data[j]["value"]++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
policeManageScopeChart(data,stationGradeArr)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function policeManageScopeChart(data,stationGradeArr){
|
|||
|
|
var option={
|
|||
|
|
color: ['#02b4fe', '#e7b554', '#6877f8', '#77a871', '#ee6666', '#73c0de',],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
top: '15%',
|
|||
|
|
right: '60px',
|
|||
|
|
icon: 'circle',
|
|||
|
|
width: '200px',
|
|||
|
|
orient: 'horizontal', // 排列方式 horizontal（水平） vertical（垂直）
|
|||
|
|
itemHeight: 10, // 控制小圆点的大小
|
|||
|
|
itemWidth: 12,
|
|||
|
|
itemGap: 20,
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#fff', // 文字颜色
|
|||
|
|
lineHeight: 16,
|
|||
|
|
fontFamily: 'myRegular',
|
|||
|
|
backgroundColor: "transparent"
|
|||
|
|
},
|
|||
|
|
formatter: (name) => {
|
|||
|
|
let total = 0 // 总数，用来计算百分比
|
|||
|
|
let number = 0 // 数字
|
|||
|
|
let pec = 0 // 百分比
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
total += data[i].value
|
|||
|
|
}
|
|||
|
|
for (let i = 0; i < data.length; i++) {
|
|||
|
|
if (data[i].name == name) {
|
|||
|
|
number = data[i].value
|
|||
|
|
pec = (number / total * 100).toFixed(2)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return [
|
|||
|
|
`${name}`,
|
|||
|
|
`${number} (${pec})%`,
|
|||
|
|
].join("\n");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
title: { // 用title显示环中间固定的文字
|
|||
|
|
text: stationGradeArr.length, // \n 换行
|
|||
|
|
subtext: '校园数量', // 子标题
|
|||
|
|
top: '40%',
|
|||
|
|
left: '24%',
|
|||
|
|
textAlign: 'center', // 字体居中对齐
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#fff',
|
|||
|
|
fontSize:24,
|
|||
|
|
lineHeight:10,
|
|||
|
|
fontWeight: 'normal',
|
|||
|
|
},
|
|||
|
|
subtextStyle: { // 子标题样式
|
|||
|
|
color: '#fff',
|
|||
|
|
fontSize: 14,
|
|||
|
|
fontFamily: 'myRegular'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
type: 'pie',
|
|||
|
|
radius: ['70%', '90%'],
|
|||
|
|
center: ['25%', '55%'], // 环形图中心点
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
data: data
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
threeColorTotalEchat = echarts.init(document.getElementById('threeColorTotalEchat'));
|
|||
|
|
//使用制定的配置项和数据显示图表
|
|||
|
|
threeColorTotalEchat.setOption(option);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
export {
|
|||
|
|
getStationGrade,
|
|||
|
|
showStationGrade,
|
|||
|
|
policeManageScopeChart
|
|||
|
|
}
|