From 4c0400f610a7e2895c4d1360826fe7937bf669cf Mon Sep 17 00:00:00 2001 From: xvv Date: Mon, 22 Jul 2024 16:41:42 +0800 Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/views/homeComponents/agent.vue | 55 ++++++++++++++----- fuintAdmin_zt/src/views/index.vue | 3 +- 2 files changed, 44 insertions(+), 14 deletions(-) diff --git a/fuintAdmin_zt/src/views/homeComponents/agent.vue b/fuintAdmin_zt/src/views/homeComponents/agent.vue index 9ed855f43..a2055f0af 100644 --- a/fuintAdmin_zt/src/views/homeComponents/agent.vue +++ b/fuintAdmin_zt/src/views/homeComponents/agent.vue @@ -113,18 +113,12 @@
-
-
活跃油站
-
-
-
-
-
活跃油站
-
-
-
-
-
+
+
+
+
+ +
@@ -249,12 +243,13 @@ export default { const chart = echarts.init(document.getElementById('ccc')) const chart1 = echarts.init(document.getElementById('cccc')) const chart2= echarts.init(document.getElementById('ccct')) + const chart4= echarts.init(document.getElementById('cttt')) const chart3= echarts.init(document.getElementById('ctct')) const option = { color: [ - '#0DC291', + '#179726', '#FFB519', ], tooltip: { @@ -451,11 +446,45 @@ export default { } }; + const option4 ={ + color: ['#f82f2f', '#179627'], + tooltip: { + trigger: 'item' + }, + series: [ + { + name: 'Access From', + type: 'pie', + radius: ['40%', '70%'], + avoidLabelOverlap: false, + itemStyle: { + borderRadius: 10, + borderColor: '#fff', + borderWidth: 10 + }, + + emphasis: { + label: { + show: true, + fontSize: 40, + fontWeight: 'bold' + } + }, + + data: [ + { value: 225, name: '富友占比' }, + { value: 735, name: '拉卡拉占比' } + ] + } + ] + }; chart.setOption(option) chart1.setOption(option1) chart2.setOption(option2) chart3.setOption(option3) + chart4.setOption(option4) + } diff --git a/fuintAdmin_zt/src/views/index.vue b/fuintAdmin_zt/src/views/index.vue index 570491289..d6c8777c5 100644 --- a/fuintAdmin_zt/src/views/index.vue +++ b/fuintAdmin_zt/src/views/index.vue @@ -16,7 +16,8 @@ import shopowner from "@/views/homeComponents/shopowner.vue" export default { data(){ return{ - power:2 + power:1 + } }, created() {