chengdandan
/
yanchengPowerSupply
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of https://git.lgzn.space/chengdandan/yanchengPowerSupply

This commit is contained in:
chengdandan 2023-07-20 08:36:09 +08:00
parent 9ec4e7cf92 4fbeae35cd
commit e5c89fdde2
5 changed files with 1704 additions and 1759 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1400
src/views/powerQualityControl.vue
View File

File diff suppressed because it is too large Load Diff

1002
src/views/ruralDomesticSewageTreatment.vue
View File

File diff suppressed because it is too large Load Diff

317
src/views/stationBuilding.vue
View File

@ -485,6 +485,7 @@ export default {
this.xianDuan();
},
methods: {
//地图画线
xianDuan() {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
@ -608,268 +609,78 @@ export default {
});
},
detailedTwo22() {
// note: 设置灰色背景色的长度的逻辑不够好，请自行调整
var honorData = [
{
name: "2019末",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020上半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020下半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2021年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
];
var honorXAxisData = [
"电机有限公司（合并）",
"电机有限公司（本部）",
"电气有限公司",
"西安电气有限公司",
"先锋电气有限公司",
"南非电机有限公司",
];
// // 设置灰色背景色的长度
var isMax = 2000;
var bjData1 = [
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
];
var bg =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
var bar =
"image://data:image/png;base64,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";
var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];
var barWidth = 20;
var maxNum = 0;
for (var i = 0; i < data.length; i++) {
if (data[i] > maxNum) {
maxNum = data[i];
}
}
var myChart = this.$echarts.init(document.getElementById("detailedTwo2"));
var option = {
color: ["#0F9AF8", "#2039C3", "rgba(32,57,195,.5)", "#2ECACE"],
tooltip: {
trigger: "axis",
axisPointer: {
type: "none",
},
},
backgroundColor: "#031f2d",
legend: {
right: 5,
top: "5%",
itemWidth: 10,
itemHeight: 10,
itemGap: 15,
textStyle: {
color: "#ACCFFF",
fontSize: 16,
},
},
grid: {
left: "5%",
right: "5%",
bottom: "5%",
top: "10%",
containLabel: true,
left: "10%",
right: "12%",
bottom: "0%",
},
xAxis: [
{
type: "value",
xAxis: {
show: false,
},
yAxis: {
data: data.map((item, index) => `No. ${index}`),
splitLine: {
show: false,
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
formatter: function (value) {
return value + "(万元)";
},
},
splitLine: {
show: false,
},
},
],
yAxis: [
{
type: "category",
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
},
offset: 20,
data: honorXAxisData,
axisLabel: {
textStyle: { fontSize: 18, color: "#02afff" },
},
],
axisLine: {
show: false,
},
axisTick: false,
},
series: [
{
name: "2019末",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[0].data,
type: "pictorialBar",
barWidth: barWidth,
zlevel: 2,
data: data.map(function (item) {
return {
value: item,
symbol: bar,
};
}),
},
{
name: "2020上半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
type: "pictorialBar",
barWidth: barWidth,
data: data.map(function (item) {
return {
realValue: item,
value: maxNum,
symbol: bg,
};
}),
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "完成" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
show: true,
position: "right",
distance: 80,
align: "right",
formatter: function (params) {
return params.data.realValue + " 万";
},
color: "#02afff",
fontSize: 18,
},
data: honorData[1].data,
},
{
name: "2020下半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "预算" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
},
},
data: honorData[2].data,
},
{
name: "2021年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[3].data,
},
],
};
// var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
// var option = {
// grid: {
// left: "3%",
// right: "4%",
// bottom: "3%",
// containLabel: true,
// },
// xAxis: {
// type: "value",
// show: false,
// },
// yAxis: {
// type: "category",
// axisLine: {
// lineStyle: {
// color: "#206489",
// },
// },
// axisLabel: {
// color: "#fff",
// fontSize: "18",
// },
// axisLine: {
// show: false,
// },
// axisTick: {
// show: false,
// alignWithLabel: true,
// },
// splitArea: { show: false },
// data: ["No.5", "No.4", "No.3", "No.2", "No.1"],
// },
// series: [
// {
// name: "Direct",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [320, 302, 310, 299, 288],
// },
// {
// name: "Mail Ad",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [99, 88, 100, 101, 97],
// },
// ],
// };
myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();
@ -922,6 +733,15 @@ export default {
min: 0,
max: 1000,
show: true,
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
axisLabel: {
formatter: "{value}",
textStyle: {
@ -1010,6 +830,15 @@ export default {
color: "#ffffff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
],
series: [

401
src/views/thirtyFiveKV.vue
View File

@ -413,6 +413,15 @@ export default {
fontSize: "18",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
],
series: [
@ -480,6 +489,15 @@ export default {
color: "#fff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
series: [
{
@ -505,268 +523,113 @@ export default {
});
},
detailedTwo33() {
// note: 设置灰色背景色的长度的逻辑不够好，请自行调整
var honorData = [
{
name: "2019末",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020上半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020下半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2021年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
];
var honorXAxisData = [
"电机有限公司（合并）",
"电机有限公司（本部）",
"电气有限公司",
"西安电气有限公司",
"先锋电气有限公司",
"南非电机有限公司",
];
// // 设置灰色背景色的长度
var isMax = 2000;
var bjData1 = [
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
var bg =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
var bar =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAAUCAYAAABCi+uLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAChxJREFUeJztXDGyJDUMlWeIuQY34AJLFdEuAQkXIOAAROREHICAA0BCFSkJByDhAgRcgIAYftPdY7mfnp7c/XfD/a7a325blmVZT5I9s9PspbyUl/Jelrb9uX+8vFkfvzze7MfRsziFKPei/bb+e+rP54y7wvdK+536UBYlG66P52be1buSrbctwL+tbcvT47n3wXxtpVuWx5P5LTO5tr7/LK8b67hmpV9sa6JN6e1MV4rHlXmdbiaztzfRBmW5KC/vixxf8eG5n2v/z8VXsy9W3r+tz0+WN+2poLpUMvgd8Ar8k/ogVe3etr3cJuMK/huAWkUPPFMf0aMsO88+ftvkZtRuBz224ZyDNxtjn8vfd+NajmcyPF5zn2/waLGPx4068uYxG88FDFr0BxnYoNXeoV4KPch9ZfsivUj9I/8ncIi3g607Wtddgz1yHulJaw16F+/c7vINgUlHY7zoC09VBx0NPl7u9vMK/s/tHcoB/raCX4HdhcY+dgxiIR7JykWyozGig37esMCjF3QQiQ/IgsYUHBM6C1w3eXIHT0PZSP5FOKa93MDgFOBm4Mf+WzYGNnQELALDxycdzhwBA/ZGulJ8eRy2Oy06Xgc8rH0Aq0fl5IQNdN3bUG+Dj2UbWqo1us7YUdrRj4APssJcgxYd2wlmlH4S1rx9K3f7YXUAX9pblgP8W+RXwqhMoBA4Rf9qYcwP21g6mjcB1g2IgWbQTmNHFOb3yilwCoeG6lFdGLmK3ME43TCE8YaIwgbe09QENo46wD8YJcsFgA5rZIOrxuO74sVZBM5hlG01kNcOvXok9zLoBOjGWMwIyXY84iPIEy+QsbL7ILeJMcB3xkfavj9J997UbfO71QF8bW9RIviVAAgq5cGU4JWXw/G4kWbJowfDYJreH44DCxgH0xmBimh3PssRMb0+5kOA4xg3LurzOaUR4CYqcHb6s8iPIAtRSvSHdtZPFa2rualtgIyPHGfjqz0iAJvzd1kx5RfgR6CltB9kXFgGp1fpOQCQI31wymbJCWDbXp9l0cwL+4sA1PXyzeoAvrVnlgh+ZnrFG2Eft6ORYHSs0ph2gY/ZkZa3I7oHIwRFpvsCdBomDKUCm9Ojc7BjXlyfTC3ZAfR2GW3U8UDoQp5HUX9+PGBgTtZXgpT4GsgtQe/tFZgMdAX2wen0Xr+RnvmIQ2vgex3UUegzvRdjzgXa+lrC/lnmH3Rv1Ic6EfuZsmyiTRkEjGt3++rpdfvenlEO8PuZHwV0CkSKeE9ncVwMgIXbp2cgAkV4msVIi/RK0ZT+mfMC2hFx/BiBvDsvBvhOItL+KmXktaRNFc5iWsc2YcwlrdDN6XxmcwfC/SRbmgvHkU69DVP+wRYit78vYGe4T+n+AJ9m6TY/XaKKrGyAH+ewLDuvT9KQ/pJdo0Mg2lR/0H2xfNZ+sovlAD+m/eytlfcWQoVI4I7B2xj8lQERHQIxna2djo0LZRKOY+9Gh4BRn5xFuoGGC7905sd5q/MkA11EeXQOsxt6eTNN+lsjwhEtJhE4OYVG7dh3AuJTwMMzpcS+NqALt/097R9mRGDnufhM7vPghe2YEx2DkNX5JZ0LOtnnazhL+xUd88E60pt9ujqAX+1CyeCvPE01eeUwvA+88S4fXdo0pOU5CFiz2/7ggIRhD+Bh9MY2vABUhlI5luI+IKxFpYwMNnIS7ATSmoWjkHpRRwiuV2m7olfZQpVFzJwNPEeEpv1MRzRs88AAexoivYHjhfVXt/MpzZ/oYoxxvtV5HPfHYj3oQ9hX2DOb9CGPx/s/69/tOwC/20m5Dv6zPuZaOY4ZYEU/ghk/K1cf+YTIDU+8RArOgN+RF8pImxuiepcp9ZGxy8hPIMX1NMWrxXHTM78VbTNgz+pCxnfi2598lEupuu95B/xe7rB/IvLv2Q5+mcqnA5r0ToA1vlcA2ws6pag9HEM75uW+MB/U0QZVFsIf7yYZjva/1r+vVgfwp03KAX7+nF+BXYH/xCmktB8X6xtaXThRXwAoX7wRuAM/VC6MDbyRDzkDdds/1lb0OU8f78sxmCeAuDDCs8gfxihnQf0ypZ+d/0/mDZnWc5wG0YWsC/RiZiFyhjP/JFoH0KgLQlj37iycD9nF7IIP7a48++O8oq9sw31Sx4KOnfTpwcHnj/X5annd/raiHOA/+6jPXY4rRgkECwjAPnMO3uZHBB/L/WgoENXRS/I86rbfiI43LtGItI7PioPeNwQ3DcAVnIBHEpwDHYKBXNzPBq2A5c+zunK+s/O90K10NtgunEv6HobTIF9aX0Mb6XKG9L1RJqAcQpcnZAuUJbhMEtDtWFJ5jGjEC5+qLkCOtpL4aMDHtmX+NeAI/jMB00ghSCVQ4b1K4RGcHlnFHMEA+UlOIRwh+pdk0o0y0e1F3PQH5+T9YNwqtVcGiXOywQVjLdYXaCZ6CHUE4xl91VZF8yq7mPDCT15C3eI+JDq/ALyBHuzQM35yMxwu2wXwqr5zsT8w5XcVTs76aa1jkMmMs8SX4juj53arvwYcwa8YVulHBXg7oWfa2a0mjA0fzRGtzDIIpFsJkQEMP134db78uXOa06gfaK6e+dHQT0G2Ed0fT5nKsmPgM6oJnrN5GcRgvEHnuL8XMoYgA9UT6EDX+LHe3lek/UPXN3Dq/c/S+UzvZSz24Ts6kqRDXjdlF4medUL1aq7Rjns0y7IX/TXgCH4WQL3TBOFyDCTbvGJ3zNmzETCDh1+g36Bf1MP8DniMwNAfooKn4Ax+nlM5jXZEEyO+bADqaJDOhgwWWIt1HU3/M44bmRu6kKME+RnQDfptQivkTvPyOCWP2XGJ6vuJdkIOYa+jrl0PsL/8SYCBPsM+4D6anot1wMFh5jjCXLj2KqDOgqJ6n/HeF5S/BjwH/5kj4E1WNMXtfFnHp/CkSSl4B0EACqkfZg8NIkKL9EMEan9O5A8f7YD86FgGuNsRnUOkIrqwVm5vlqLf4LfQ2DNgc10Zleqv+M4cj2cRRqBrwGrr3yJI/0ov71cAnVk4u6vv9ks768+Q9Ykjw6Azi47d3yt7tYIG17gc9pHuC9CpsZ6BR0xzRH2JXwOO4GdPZMW7ugCzQ3gpFBsGCIqbjwAa/FTaD5sz2sQGJLmQP89l2WtX4E+03uaOZnL2DU4Db6/R4BgohdHyx2OnY6r6Vs5u5ZWBq3Fenzgrf4Zsi8bv0wEAh14QlFi3AyR+gx905PNgG2ZWOK/SKY8jh2EF7aX0n9s8e1nIFpiW6GW2AG3rY3wN2MH/0Vr70GZF/WhERfe2/dUPU8x+gEP1q3mEt8WCBsA/6sD06Wuhm6H993gOGrHO4SA+WOv/Pp6Jhsal/7DDhee5+mMdih/LU+n8bA4ey7rGHzE52Rc5l+tR6fhkfLqkUzq1vA9j/Jn9qrYZbor5L/1YCvZVPyDCwXgty+vHF4BE10t5KS/lfSj/A0bORlHG5bGkAAAAAElFTkSuQmCC";
var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];
var nameList = [
"盐城运维检修部(检修分公司)",
"国网响水县供电公司",
"国网滨海县供电公司",
"国网大丰县供电公司",
"国网射阳县供电公司",
"国网东台县供电公司",
"国网阜宁县供电公司",
"国网建湖县供电公司",
];
var barWidth = 20;
var maxNum = 0;
for (var i = 0; i < data.length; i++) {
if (data[i] > maxNum) {
maxNum = data[i];
}
}
var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
var option = {
color: ["#0F9AF8", "#2039C3", "rgba(32,57,195,.5)", "#2ECACE"],
tooltip: {
trigger: "axis",
axisPointer: {
type: "none",
},
},
backgroundColor: "#031f2d",
legend: {
right: 5,
top: "5%",
itemWidth: 10,
itemHeight: 10,
itemGap: 15,
textStyle: {
color: "#ACCFFF",
fontSize: 16,
},
},
grid: {
left: "5%",
right: "5%",
bottom: "5%",
top: "10%",
containLabel: true,
left: "10%",
right: "12%",
bottom: "0%",
},
xAxis: [
xAxis: {
show: false,
},
yAxis: [
{
type: "value",
show: false,
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
formatter: function (value) {
return value + "(万元)";
},
},
data: data.map((item, index) => `No. ${index}`),
splitLine: {
show: false,
},
},
],
yAxis: [
{
type: "category",
axisLabel: {
textStyle: { fontSize: 18, color: "#30eee9" },
},
axisLine: {
show: false,
},
axisTick: false,
},
{
//名称
type: "category",
offset: -10,
position: "left",
axisLine: {
show: false,
},
inverse: true,
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
color: ["#fff"],
align: "left",
verticalAlign: "bottom",
lineHeight: 40,
fontSize: 18,
},
offset: 20,
data: honorXAxisData,
data: nameList,
},
],
series: [
{
name: "2019末",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[0].data,
type: "pictorialBar",
barWidth: barWidth,
zlevel: 2,
data: data.map(function (item) {
return {
value: item,
symbol: bar,
};
}),
},
{
name: "2020上半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
type: "pictorialBar",
barWidth: barWidth,
data: data.map(function (item) {
return {
realValue: item,
value: maxNum,
symbol: bg,
};
}),
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "完成" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
show: true,
position: "right",
distance: 80,
align: "right",
formatter: function (params) {
return params.data.realValue + " 万";
},
color: "#30eee9",
fontSize: 18,
},
data: honorData[1].data,
},
{
name: "2020下半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "预算" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
},
},
data: honorData[2].data,
},
{
name: "2021年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[3].data,
},
],
};
// var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
// var option = {
// grid: {
// left: "3%",
// right: "4%",
// bottom: "3%",
// containLabel: true,
// },
// xAxis: {
// type: "value",
// show: false,
// },
// yAxis: {
// type: "category",
// axisLine: {
// lineStyle: {
// color: "#206489",
// },
// },
// axisLabel: {
// color: "#fff",
// fontSize: "18",
// },
// axisLine: {
// show: false,
// },
// axisTick: {
// show: false,
// alignWithLabel: true,
// },
// splitArea: { show: false },
// data: ["No.5", "No.4", "No.3", "No.2", "No.1"],
// },
// series: [
// {
// name: "Direct",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [320, 302, 310, 299, 288],
// },
// {
// name: "Mail Ad",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [99, 88, 100, 101, 97],
// },
// ],
// };
myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();
@ -860,12 +723,36 @@ export default {
fontSize: 16,
},
height: 250,
//格式化图例文本
formatter(name) {
// console.log(option);
let than = option.series[0].data; //获取series中的data
let total = 0;
let tarValue;
for (let i = 0, l = than.length; i < l; i++) {
total += than[i].value;
if (than[i].name == name) {
tarValue = than[i].value;
}
}
let p = (tarValue / total) * 100;
return name;
},
icon: "roundRect",
data: [
"国网大丰市供电公司",
"设备管理部",
"国网射阳县供电公司",
"国网响水县供电公司",
"盐城运维检修部(检修分公司)",
"开发区供电服务中心",
],
},
series: [
{
type: "pie",
center: ["35%", "50%"],
radius: ["40%", "65%"],
radius: ["30%", "55%"],
clockwise: false, //饼图的扇区是否是顺时针排布
avoidLabelOverlap: false,
lable: {
@ -882,8 +769,8 @@ export default {
labelLine: {
normal: {
length: 40, //第一条线
length: 10, //第二条线
length: 10, //第一条线
length: 30, //第二条线
lineStyle: {
width: 3, // 线条的宽度
color: "rgb(86,254,226)", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
@ -907,6 +794,15 @@ export default {
data: m2R2Data,
},
{
type: "pie",
radius: ["110", "111"],
center: ["35%", "50%"],
data: [100],
label: {
show: false,
},
},
],
};
myChart.setOption(option);
@ -918,21 +814,17 @@ export default {
var myChart = this.$echarts.init(document.getElementById("detailen"));
var option = {
color: [
"#1E9BD1",
"#A0CE3A",
"#31C5C0",
"#1E9BD1",
"#0F347B",
"#585247",
"#7F6AAD",
"#009D85",
"rgba(250,250,250,0.3)",
],
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
},
legend: {
orient: "vertical",
top: "middle",
@ -956,28 +848,18 @@ export default {
let p = (tarValue / total) * 100;
return p.toFixed(2) + "%";
},
icon: "roundRect",
data: [
"国网大丰市供电公司",
"设备管理部",
"国网射阳县供电公司",
"国网响水县供电公司",
"盐城运维检修部(检修分公司)",
"开发区供电服务中心",
],
},
calculable: true,
series: [
{
type: "pie",
center: ["35%", "50%"],
radius: [30, 120],
radius: [25, 100],
roseType: "area",
labelLine: {
normal: {
length: 20, //第一条线
length: 5, //第二条线
length: 30, //第一条线
length: 10, //第二条线
lineStyle: {
width: 3, // 线条的宽度
color: "rgb(86,254,226)", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
@ -995,14 +877,23 @@ export default {
},
},
data: [
{ value: 22, name: "国网大丰市供电公司" },
{ value: 20, name: "设备管理部" },
{ value: 21, name: "国网射阳县供电公司" },
{ value: 20, name: "设备管理部" },
{ value: 22, name: "国网大丰市供电公司" },
{ value: 25, name: "国网响水县供电公司" },
{ value: 20, name: "盐城运维检修部(检修分公司)" },
{ value: 30, name: "开发区供电服务中心" },
],
},
{
type: "pie",
radius: ["110", "111"],
center: ["35%", "50%"],
data: [100],
label: {
show: false,
},
},
],
};
myChart.setOption(option);
@ -1177,7 +1068,7 @@ export default {
justify-content: space-between;
#detailedTwo3 {
width: 100%;
height: 500px;
height: 50vh;
}
}

343
src/views/twentyKV.vue
View File

@ -431,6 +431,15 @@ export default {
color: "#fff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
series: [
{
@ -525,6 +534,15 @@ export default {
color: "#fff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
series: [
{
@ -551,268 +569,78 @@ export default {
});
},
detailedTwo33() {
// note: 设置灰色背景色的长度的逻辑不够好，请自行调整
var honorData = [
{
name: "2019末",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020上半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2020下半年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
{
name: "2021年",
data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
},
];
var honorXAxisData = [
"电机有限公司（合并）",
"电机有限公司（本部）",
"电气有限公司",
"西安电气有限公司",
"先锋电气有限公司",
"南非电机有限公司",
];
// // 设置灰色背景色的长度
var isMax = 2000;
var bjData1 = [
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
isMax,
];
var bg =
"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAAUCAMAAAB/LOLCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD9QTFRFAABwAAAAAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwAABwrxv9agAAABV0Uk5T/wA1p053q7yaZs0QRIlVJ++IId4ydKfDYQAAAFtJREFUeJzt0McNwDAQwLBzutPb/rMG/gbawOIIjCQQqYtoqxYxckv1BlvQZAvabEG9LSjbgnZb0GoLOV9byHPbQubFFjLaggZb0GQLumxBvS0ol5aj0U9pEfgA+DsJLXE1TzAAAAAASUVORK5CYII=";
var bar =
"image://data:image/png;base64,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";
var data = [20.3, 18.2, 11, 23.4, 29.1, 12, 16, 24];
var barWidth = 20;
var maxNum = 0;
for (var i = 0; i < data.length; i++) {
if (data[i] > maxNum) {
maxNum = data[i];
}
}
var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
var option = {
color: ["#0F9AF8", "#2039C3", "rgba(32,57,195,.5)", "#2ECACE"],
tooltip: {
trigger: "axis",
axisPointer: {
type: "none",
},
},
backgroundColor: "#031f2d",
legend: {
right: 5,
top: "5%",
itemWidth: 10,
itemHeight: 10,
itemGap: 15,
textStyle: {
color: "#ACCFFF",
fontSize: 16,
},
},
grid: {
left: "5%",
right: "5%",
bottom: "5%",
top: "10%",
containLabel: true,
left: "10%",
right: "12%",
bottom: "0%",
},
xAxis: [
{
type: "value",
xAxis: {
show: false,
},
yAxis: {
data: data.map((item, index) => `No. ${index}`),
splitLine: {
show: false,
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
formatter: function (value) {
return value + "(万元)";
},
},
splitLine: {
show: false,
},
},
],
yAxis: [
{
type: "category",
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
color: "#6B9DD7",
fontSize: 16, // 文字大小
fontWeight: 400,
interval: 0,
},
offset: 20,
data: honorXAxisData,
axisLabel: {
textStyle: { fontSize: 18, color: "#02afff" },
},
],
axisLine: {
show: false,
},
axisTick: false,
},
series: [
{
name: "2019末",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[0].data,
type: "pictorialBar",
barWidth: barWidth,
zlevel: 2,
data: data.map(function (item) {
return {
value: item,
symbol: bar,
};
}),
},
{
name: "2020上半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
type: "pictorialBar",
barWidth: barWidth,
data: data.map(function (item) {
return {
realValue: item,
value: maxNum,
symbol: bg,
};
}),
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "完成" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
show: true,
position: "right",
distance: 80,
align: "right",
formatter: function (params) {
return params.data.realValue + " 万";
},
color: "#02afff",
fontSize: 18,
},
data: honorData[1].data,
},
{
name: "2020下半年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "top",
formatter: function (params) {
console.log(params);
// return params.seriesName + params.value ;
return "预算" + params.value;
},
textStyle: {
color: "#fff",
fontSize: 12,
},
},
},
data: honorData[2].data,
},
{
name: "2021年",
type: "bar",
stack: "zongliang",
barWidth: "35%",
zlevel: 10,
label: {
normal: {
show: true,
position: "inside",
textStyle: {
color: "#fff",
fontSize: 14,
},
},
},
data: honorData[3].data,
},
],
};
// var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
// var option = {
// grid: {
// left: "3%",
// right: "4%",
// bottom: "3%",
// containLabel: true,
// },
// xAxis: {
// type: "value",
// show: false,
// },
// yAxis: {
// type: "category",
// axisLine: {
// lineStyle: {
// color: "#206489",
// },
// },
// axisLabel: {
// color: "#fff",
// fontSize: "18",
// },
// axisLine: {
// show: false,
// },
// axisTick: {
// show: false,
// alignWithLabel: true,
// },
// splitArea: { show: false },
// data: ["No.5", "No.4", "No.3", "No.2", "No.1"],
// },
// series: [
// {
// name: "Direct",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [320, 302, 310, 299, 288],
// },
// {
// name: "Mail Ad",
// type: "bar",
// stack: "total",
// barWidth: 10,
// label: {
// show: true,
// },
// emphasis: {
// focus: "series",
// },
// data: [99, 88, 100, 101, 97],
// },
// ],
// };
myChart.setOption(option);
window.addEventListener("resize", () => {
myChart.resize();
@ -871,6 +699,15 @@ export default {
color: "#fff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
series: [
{
@ -941,6 +778,15 @@ export default {
color: "#fff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
series: [
{
@ -1010,6 +856,15 @@ export default {
color: "#ffffff",
},
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
// color: 'rgba(66, 192, 255, .3)',
color: "rgba(102,102,102,0.6)",
width: 1,
},
},
},
],
series: [