From 577052107e623fd950584c0dab91493ff6dd631e Mon Sep 17 00:00:00 2001 From: yangyin <1850366751@qq.com> Date: 星期四, 18 七月 2024 14:01:16 +0800 Subject: [PATCH] feat: 新增官网页面 --- customer_list/ch/ai_html/views/demo/html/Overview.html | 20 +++++++------------- 1 files changed, 7 insertions(+), 13 deletions(-) diff --git a/customer_list/ch/ai_html/views/demo/html/Overview.html b/customer_list/ch/ai_html/views/demo/html/Overview.html index 48cb9c8..3d14619 100644 --- a/customer_list/ch/ai_html/views/demo/html/Overview.html +++ b/customer_list/ch/ai_html/views/demo/html/Overview.html @@ -18,18 +18,6 @@ <body> <div class="w-full h-full bg-[#f2f4f8]" id="overview"> - <!-- <div class="w-full h-[40px] flex items-center">骞村害缂磋垂鎯呭喌</div> - <div class="h-full"> - <div class="w-[310px] flex flex-wrap justify-between h-[220px]"> - <div v-for="item in state.annualPayment" :key="item" class="w-[50%] h-[33%] flex items-center"> - <div :class="['iconfont icon-' + item.Icon]" :style="`color:${item.BgColor};font-size:${36}px`"></div> - <div class="ml-[10px]"> - <span>{{ item.Value }} <span>{{ item.Unit }}</span></span> - <p>{{ item.Name }}</p> - </div> - </div> - </div> - </div> --> <div class="screen-top-center"> <div class="top-center-data"> <div class="data-item" v-for="(item, index) in state.dataList"> @@ -305,7 +293,9 @@ }, legend: { orient: 'vertical', - left: 'right', + left: '60%', + y: 'center', + formatter: function (name) { let target, percentage; for (let i = 0; i < dataCake.length; i++) { @@ -317,6 +307,9 @@ let arr = [name + ' ', ' ' + target + '浜� ', ' ' + percentage]; return arr.join(' '); }, + }, + grid: { + left: '45' }, // title: { // text: '76%',//涓绘爣棰樻枃鏈� @@ -340,6 +333,7 @@ name: '浠婃棩涓氱哗瀹屾垚搴�', type: 'pie', radius: ['40%', '70%'], + center: ['30%', '50%'], avoidLabelOverlap: false, label: { show: false, -- Gitblit v1.9.3