更新驾驶舱 #13

Merged
zwq merged 1 commits from zwq into master 2022-11-14 14:48:33 +08:00
2 changed files with 13 additions and 11 deletions

View File

@ -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
} }
} }

View File

@ -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;