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