From b65f73aab27c34d18857f8bf7787adad0f1cdeb2 Mon Sep 17 00:00:00 2001
From: songjie <bestsongj@163.com>
Date: Fri, 30 Jan 2026 17:40:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A5=BC=E5=9B=BE=E5=92=8Clegend=E9=9D=A0?=
 =?UTF-8?q?=E8=BF=91=E4=B8=80=E7=82=B9=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PlatformData/UserLoginStats.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/PlatformData/UserLoginStats.vue b/src/views/PlatformData/UserLoginStats.vue
index ce2d6ee..c9242b0 100644
--- a/src/views/PlatformData/UserLoginStats.vue
+++ b/src/views/PlatformData/UserLoginStats.vue
@@ -875,12 +875,12 @@ const updatePieChart = (chartRef, chartInstance, data) => {
     const option = {
         color: regionColors,
         tooltip: { trigger: 'item' },
-        legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
+        legend: { orient: 'vertical', right: '15%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
         series: [
             {
                 type: 'pie',
                 radius: '70%',
-                center: ['30%', '50%'],
+                center: ['50%', '50%'], // 改为居中显示
                 data: data,
                 label: { show: false },
                 itemStyle: {
@@ -1011,12 +1011,12 @@ const initCharts = () => {
         chart.setOption({
           color: regionColors,
           tooltip: { trigger: 'item' },
-          legend: { orient: 'vertical', right: '10%', top: 'center' },
+          legend: { orient: 'vertical', right: '15%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
           series: [
             {
               type: 'pie',
-              radius: '80%',
-              center: ['40%', '50%'],
+              radius: '70%',
+              center: ['50%', '50%'],
               data: [
                 { value: 1048, name: '香港地区' },
                 { value: 735, name: '新加坡地区' },
@@ -1042,14 +1042,14 @@ const initCharts = () => {
         chart.setOption({
           color: regionColors,
           tooltip: { trigger: 'item' },
-           legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
+           legend: { orient: 'vertical', right: '15%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
           series: [
             {
               type: 'pie',
               radius: '70%',
-              center: ['30%', '50%'],
+              center: ['50%', '50%'],
               data: [
-                 { value: 1048, name: '香港地区' },
+                { value: 1048, name: '香港地区' },
                 { value: 735, name: '新加坡地区' },
                 { value: 580, name: '泰国地区' },
                 { value: 484, name: '越南地区' },
@@ -1068,12 +1068,12 @@ const initCharts = () => {
         chart.setOption({
           color: regionColors,
           tooltip: { trigger: 'item' },
-           legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
+           legend: { orient: 'vertical', right: '15%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } },
           series: [
              {
               type: 'pie',
               radius: '70%',
-              center: ['30%', '50%'],
+              center: ['50%', '50%'],
               data: [
                  { value: 1048, name: '香港地区' },
                 { value: 735, name: '新加坡地区' },