更新驾驶舱 #13
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2022-01-21 14:43:06
|
* @Date: 2022-01-21 14:43:06
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2022-11-08 15:09:11
|
* @LastEditTime: 2022-11-11 15:27:23
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -113,6 +113,7 @@ export default {
|
|||||||
a: {
|
a: {
|
||||||
align: 'center',
|
align: 'center',
|
||||||
fontSize: 13,
|
fontSize: 13,
|
||||||
|
fontWeight: 400,
|
||||||
color: 'rgba(255, 255, 255, 0.7)',
|
color: 'rgba(255, 255, 255, 0.7)',
|
||||||
padding: [0, 4],
|
padding: [0, 4],
|
||||||
lineHeight: 16
|
lineHeight: 16
|
||||||
@ -120,8 +121,8 @@ export default {
|
|||||||
b: {
|
b: {
|
||||||
// verticalAlign: 'top',
|
// verticalAlign: 'top',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
padding: [0, 4],
|
|
||||||
fontSize: 13,
|
fontSize: 13,
|
||||||
|
fontWeight: 400,
|
||||||
color: 'rgba(255, 255, 255)'
|
color: 'rgba(255, 255, 255)'
|
||||||
},
|
},
|
||||||
c: {
|
c: {
|
||||||
@ -213,19 +214,20 @@ export default {
|
|||||||
? {
|
? {
|
||||||
text: this.seriesData.reduce((pre, cur) => pre + cur.value, 0),
|
text: this.seriesData.reduce((pre, cur) => pre + cur.value, 0),
|
||||||
subtext: '总共',
|
subtext: '总共',
|
||||||
top: '45%',
|
top: '48%',
|
||||||
left: '59%',
|
left: '59%',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
itemGap: 5,
|
itemGap: 5,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#fff',
|
color: '#fff',
|
||||||
fontSize: 22,
|
fontSize: 26,
|
||||||
fontWeight: 'lighter',
|
fontWeight: 400,
|
||||||
lineHeight: 15
|
lineHeight: 15
|
||||||
},
|
},
|
||||||
subtextStyle: {
|
subtextStyle: {
|
||||||
color: '#c0c0c0',
|
color: 'rgba(255, 255, 255, 0.7)',
|
||||||
fontSize: 12,
|
fontWeight: 400,
|
||||||
|
fontSize: 14,
|
||||||
lineHeight: 20
|
lineHeight: 20
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-07-19 15:18:30
|
* @Date: 2021-07-19 15:18:30
|
||||||
* @LastEditors: zwq
|
* @LastEditors: zwq
|
||||||
* @LastEditTime: 2022-11-08 15:50:35
|
* @LastEditTime: 2022-11-11 15:14:51
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
@ -126,7 +126,7 @@
|
|||||||
<new-pie
|
<new-pie
|
||||||
:id="'pie-chart1'"
|
:id="'pie-chart1'"
|
||||||
:show-center-title="true"
|
:show-center-title="true"
|
||||||
:legend-config="{ left: '2%', top: '30%', itemGap: 10 }"
|
:legend-config="{ left: '1%', top: '30%', itemGap: 5 }"
|
||||||
:series-data="legendData1"
|
:series-data="legendData1"
|
||||||
:beilv="beilv"
|
:beilv="beilv"
|
||||||
:height="226"
|
:height="226"
|
||||||
@ -155,7 +155,7 @@
|
|||||||
<new-pie
|
<new-pie
|
||||||
:id="'pie-chart3'"
|
:id="'pie-chart3'"
|
||||||
:show-center-title="true"
|
:show-center-title="true"
|
||||||
:legend-config="{ left: '2%', top: '30%', itemGap: 10 }"
|
:legend-config="{ left: '1%', top: '30%', itemGap: 5 }"
|
||||||
:series-data="legendData3"
|
:series-data="legendData3"
|
||||||
:beilv="beilv"
|
:beilv="beilv"
|
||||||
:height="226"
|
:height="226"
|
||||||
@ -613,7 +613,7 @@ export default {
|
|||||||
background: url('../../assets/img/OperationalOverview/title (2).png') no-repeat;
|
background: url('../../assets/img/OperationalOverview/title (2).png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
padding-left: 41%;
|
||||||
.title-button {
|
.title-button {
|
||||||
color: #00fff0;
|
color: #00fff0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
Loading…
Reference in New Issue
Block a user