From 66ae66b8a91f22d072c9eb6ec01d49a4e20a14f6 Mon Sep 17 00:00:00 2001 From: zCans <1224895921@qq.com> Date: Sun, 26 Mar 2023 22:58:25 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=B8=83=E5=B1=80=E8=B0=83?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../home/admin/components/DailyTrafficChart.vue | 12 ++++++------ .../views/home/admin/components/LicenseChart.vue | 14 +++++++------- .../home/admin/components/PortMappingChart.vue | 14 +++++++------- .../home/admin/components/TrafficSumChart.vue | 8 ++++---- 4 files changed, 24 insertions(+), 24 deletions(-) diff --git a/neutrino-proxy-admin/src/views/home/admin/components/DailyTrafficChart.vue b/neutrino-proxy-admin/src/views/home/admin/components/DailyTrafficChart.vue index d889e6af..37686327 100644 --- a/neutrino-proxy-admin/src/views/home/admin/components/DailyTrafficChart.vue +++ b/neutrino-proxy-admin/src/views/home/admin/components/DailyTrafficChart.vue @@ -23,7 +23,7 @@ export default { }, height: { type: String, - default: '250px' + default: '220px' }, data: { type: Object, @@ -82,7 +82,7 @@ export default { name: this.data.text, type: 'pie', radius: [45, 65], - center: ['50%', '58%'], + center: ['60%', '60%'], // 隐藏指示线 labelLine: { normal: { @@ -102,12 +102,12 @@ export default { name: '上行', lineStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } }, itemStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } } }, @@ -116,12 +116,12 @@ export default { name: '下行', lineStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } }, itemStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } } } diff --git a/neutrino-proxy-admin/src/views/home/admin/components/LicenseChart.vue b/neutrino-proxy-admin/src/views/home/admin/components/LicenseChart.vue index 3168ebef..c7917c36 100644 --- a/neutrino-proxy-admin/src/views/home/admin/components/LicenseChart.vue +++ b/neutrino-proxy-admin/src/views/home/admin/components/LicenseChart.vue @@ -20,7 +20,7 @@ export default { }, height: { type: String, - default: '250px' + default: '220px' }, data: { type: Object, @@ -54,7 +54,7 @@ export default { const option = { title: { text: 'License统计', - subtext: '在线数：' + this.data.onlineCount + '\n\n' + '离线数：' + (this.data.totalCount - this.data.onlineCount), + subtext: '在线数量：' + this.data.onlineCount + '\n\n' + '离线数量：' + (this.data.totalCount - this.data.onlineCount) + '\n\n' + '汇总数量：' + this.data.totalCount, textStyle: { fontSize: 18, fontWeight: 800, @@ -75,7 +75,7 @@ export default { name: 'License', type: 'pie', radius: [45, 65], - center: ['50%', '58%'], + center: ['60%', '60%'], avoidLabelOverlap: false, // 隐藏指示线 labelLine: { @@ -106,12 +106,12 @@ export default { value: this.data.onlineCount, lineStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } }, itemStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } } }, @@ -120,12 +120,12 @@ export default { value: this.data.totalCount - this.data.onlineCount, lineStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } }, itemStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } } } diff --git a/neutrino-proxy-admin/src/views/home/admin/components/PortMappingChart.vue b/neutrino-proxy-admin/src/views/home/admin/components/PortMappingChart.vue index 250d177f..dfb6857b 100644 --- a/neutrino-proxy-admin/src/views/home/admin/components/PortMappingChart.vue +++ b/neutrino-proxy-admin/src/views/home/admin/components/PortMappingChart.vue @@ -18,7 +18,7 @@ export default { }, height: { type: String, - default: '250px' + default: '220px' }, data: { type: Object, @@ -52,7 +52,7 @@ export default { const option = { title: { text: '端口映射统计', - subtext: '在线数：' + this.data.onlineCount + '\n\n' + '离线数：' + (this.data.totalCount - this.data.onlineCount), + subtext: '在线数量：' + this.data.onlineCount + '\n\n' + '离线数量：' + (this.data.totalCount - this.data.onlineCount) + '\n\n' + '汇总数量：' + this.data.totalCount, textStyle: { fontSize: 18, fontWeight: 800, @@ -73,7 +73,7 @@ export default { name: '端口映射', type: 'pie', radius: [45, 65], - center: ['50%', '58%'], + center: ['60%', '60%'], avoidLabelOverlap: false, // 隐藏指示线 labelLine: { @@ -95,12 +95,12 @@ export default { value: this.data.onlineCount, lineStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } }, itemStyle: { normal: { - color: '#2B81B1' + color: '#63b2ee' } } }, @@ -109,12 +109,12 @@ export default { value: this.data.totalCount - this.data.onlineCount, lineStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } }, itemStyle: { normal: { - color: '#dbebf7' + color: '#76da91' } } } diff --git a/neutrino-proxy-admin/src/views/home/admin/components/TrafficSumChart.vue b/neutrino-proxy-admin/src/views/home/admin/components/TrafficSumChart.vue index de660923..4bfc300b 100644 --- a/neutrino-proxy-admin/src/views/home/admin/components/TrafficSumChart.vue +++ b/neutrino-proxy-admin/src/views/home/admin/components/TrafficSumChart.vue @@ -28,13 +28,13 @@ export default { }, height: { type: String, - default: '450px' + default: '500px' } }, data() { return { chartDom: null, - colorList: ['#1f92ce', '#7594fa', '#faa875'] + colorList: ['#63b2ee', '#76da91', '#f8cb7f', '#f89588', '#7cd6cf', '#9192ab', '#7898e1', '#7898e1'] } }, mounted() { @@ -100,8 +100,8 @@ export default { left: 'right' }, grid: { - left: '2%', - right: '2%', + left: '0', + right: '3%', bottom: '2%', containLabel: true },