diff --git a/src/App.vue b/src/App.vue index b881f52..c702bc8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -19,6 +19,7 @@ export default { mounted() { setTimeout(() => { this.isLoding = false; + this.enterFullscreen(); }, 1000); }, methods: { diff --git a/src/views/pageMonitor/bottomLeft/index.vue b/src/views/pageMonitor/bottomLeft/index.vue index 05864da..e623723 100644 --- a/src/views/pageMonitor/bottomLeft/index.vue +++ b/src/views/pageMonitor/bottomLeft/index.vue @@ -23,38 +23,29 @@ export default { series: [ { type: 'pie', - radius: ['40%', '55%'], - itemStyle: { - borderRadius: 10, - borderColor: '#fff', - borderWidth: 2, - }, + radius: ['32%', '44%'], data: [ { name: '一级', - value: 300, + value: 148, }, { name: '二级', - value: 250, + value: 87, }, { name: '三级', - value: 250, + value: 75, }, { name: '四级', - value: 100, - }, - { - name: '五级', - value: 80, + value: 40, }, ], outsideLabel: { - formatter: '{name} {value}', + formatter: '{name}{value}', labelLineBendGap: '8%', - labelLineEndLength: 8, + labelLineEndLength: 10, style: { fontSize: 16, }, @@ -66,29 +57,33 @@ export default { series: [ { type: 'pie', - radius: ['40%', '55%'], + radius: ['32%', '44%'], data: [ { name: 'I级', - value: 80, + value: 137, }, { name: 'II级', - value: 50, + value: 105, }, { name: 'III级', - value: 10, + value: 58, }, { name: 'IV级', - value: 20, + value: 37, + }, + { + name: 'V级', + value: 13, }, ], outsideLabel: { - formatter: '{name} {value}', + formatter: '{name}{value}', labelLineBendGap: '8%', - labelLineEndLength: 8, + labelLineEndLength: 10, style: { fontSize: 16, }, @@ -103,7 +98,7 @@ export default { diff --git a/src/views/pageMonitor/topRight/index.vue b/src/views/pageMonitor/topRight/index.vue index 2465ebd..29a628a 100644 --- a/src/views/pageMonitor/topRight/index.vue +++ b/src/views/pageMonitor/topRight/index.vue @@ -6,7 +6,7 @@