From d356332a2003d00ca803b4e73dc404b9643b60d5 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 08 Sep 2021 08:27:53 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_regulatory
---
src/views/securityUnitOperation/securityEchart.js | 5
src/views/home/indexEchart.js | 182 +++-----------------------------------------
2 files changed, 18 insertions(+), 169 deletions(-)
diff --git a/src/views/home/indexEchart.js b/src/views/home/indexEchart.js
index a57fda2..85434ae 100644
--- a/src/views/home/indexEchart.js
+++ b/src/views/home/indexEchart.js
@@ -199,7 +199,7 @@
type: "category",
axisLabel: {
color: "#fff",
- rotate: 40
+ rotate: 40,
},
data: nameArr
},
@@ -465,162 +465,6 @@
// sumValue += Number(item.Count)
data.push(obj);
});
- // let arrName = getArrayValue(data, "name");
- // let arrValue = getArrayValue(data, "value");
- // let sumValue = 1000;
- // let objData = array2obj(data, "name");
- // let optionData = getData(data);
-
- // function getArrayValue(array, key) {
- // var key = key || "value";
- // var res = [];
- // if (array) {
- // array.forEach(function (t) {
- // res.push(t[key]);
- // });
- // }
- // return res;
- // }
-
- // function array2obj(array, key) {
- // var resObj = {};
- // for (var i = 0; i < array.length; i++) {
- // resObj[array[i][key]] = array[i];
- // }
- // return resObj;
- // }
-
- // function getData(data) {
- // var res = {
- // series: [],
- // yAxis: []
- // };
- // for (let i = 0; i < data.length; i++) {
- // res.series.push({
- // name: "分局预警占比",
- // type: "pie",
- // clockwise: true,
- // z: 2,
- // emphasis: {
- // scale: false
- // },
- // // hoverAnimation: false,
- // radius: [83 - i * 12 + '%', 78 - i * 12 + '%'],
- // center: ["30%", "50%"],
- // labelLine: {
- // show: false
- // },
- // label: {
- // show: false
- // },
- // data: [
- // {
- // value: data[i].value,
- // name: data[i].name
- // },
- // {
- // value: sumValue - data[i].value,
- // name: "",
- // itemStyle: {
- // color: "rgba(0,0,0,0)",
- // borderWidth: 0
- // },
- // tooltip: {
- // show: false
- // },
- // label: {
- // show: false
- // },
- // emphasis: {
- // scale: false
- // }
- // // hoverAnimation: false
- // }
- // ]
- // });
- // res.yAxis.push(data[i].name);
- // }
- // return res;
- // }
-
- // let option = {
- // tooltip: {
- // show: true,
- // trigger: "item",
- // formatter: "{a}<br>{b}:{c}({d}%)",
- // backgroundColor: "#031952", //设置背景图片 rgba格式
- // color: "#fff",
- // borderWidth: "0", //边框宽度设置1
- // // borderColor: "gray", //设置边框颜色
- // textStyle: {
- // color: "#fff" //设置文字颜色
- // },
- // },
- // color: [
- // "#91cc75",
- // "#fac858",
- // "#73c0de",
- // "#3ba272",
- // "#fc8452",
- // "#9a60b4",
- // "#3fb1e3",
- // "#6be6c1",
- // '#626c91',
- // '#a0a7e6',
- // '#c4ebad',
- // '#96dee8'
- // ],
-
- // legend: {
- // right: "2%",
- // top: "3%",
- // // icon: "circle",
- // itemHeight: 10,
- // show: true,
- // data: legendData,
- // selectedMode: false,
- // textStyle: {
- // color: "#fff"
- // },
- // orient: "vertical"
- // },
- // grid: {
- // top: "5%",
- // bottom: "50%",
- // left: "30%",
- // containLabel: false
- // },
- // yAxis: [
- // {
- // type: "category",
- // inverse: true,
- // z: 3,
- // axisLine: {
- // show: false
- // },
- // axisTick: {
- // show: false
- // },
- // axisLabel: {
- // interval: 0,
- // inside: false,
- // color: "#fff",
- // fontSize: 8,
- // // textStyle: {
-
- // // },
- // show: true
- // },
- // data: optionData.yAxis
- // }
- // ],
- // xAxis: [
- // {
- // show: false
- // }
- // ],
- // series: optionData.series
- // };
let option = {
tooltip: {
show: true,
@@ -635,6 +479,7 @@
}
},
legend: {
+ type: "scroll",
right: "5%",
top: "5%",
itemHeight: 10,
@@ -666,19 +511,22 @@
{
name: "分局预警占比",
type: "pie",
- radius: "75%",
+ radius: ["40%", "70%"],
center: ["35%", "55%"],
- roseType: "radius",
- itemStyle: {
- borderRadius: 0
- },
+ avoidLabelOverlap: false,
label: {
- show: false
+ show: false,
+ position: "center"
},
- emphasis: {
- label: {
- show: false
- }
+ // emphasis: {
+ // label: {
+ // show: true,
+ // fontSize: "12",
+ // fontWeight: "bold"
+ // }
+ // },
+ labelLine: {
+ show: false
},
data: data
}
diff --git a/src/views/securityUnitOperation/securityEchart.js b/src/views/securityUnitOperation/securityEchart.js
index 9184b69..2a6812b 100644
--- a/src/views/securityUnitOperation/securityEchart.js
+++ b/src/views/securityUnitOperation/securityEchart.js
@@ -396,7 +396,7 @@
top: "10%",
left: "10%",
right: "2%",
- bottom: "22%",
+ bottom: "25%",
containLabel: false
},
xAxis: {
@@ -404,7 +404,8 @@
boundaryGap: true,
axisLabel: {
color: "#fff",
- interval: 0
+ interval: 0,
+ rotate: 40,
},
data: [
"一月",
--
Gitblit v1.9.3