1

resources/views/admin/home.blade.php

@@ -369,15 +369,18 @@
                 ]
             })
             var pieChart = echarts.init(document.querySelector("#pie-chart"));
-            var pieRows = Math.ceil(datas.length / 3); // 确保使用正确的变量，这里假设datas是你的数据数组
             var pieColumns = 3; // 每行的饼图数量
-            var pieR = 100 / pieColumns; // 每个饼图占据的百分比宽度和高度
+            var pieRows = Math.ceil(datas.length / pieColumns); // 计算行数
+            var gap = 20; // 间隔为20像素
+
+            var pieWidth = (100 - (pieColumns - 1) * (gap / pieColumns)) / pieColumns;
+            var pieHeight = (100 - (pieRows - 1) * (gap / pieRows)) / pieRows;
             var option = {
                 series: datas.map(function (data, idx) {
                     var columnIndex = idx % pieColumns; // 当前饼图在其行中的列索引
                     var rowIndex = Math.floor(idx / pieColumns); // 当前饼图的行索引
-                    var left = columnIndex * pieR; // 计算left位置
-                    var top = rowIndex * pieR; // 计算top位置
+                    var left = columnIndex * (pieWidth + gap / pieColumns); // 计算left位置
+                    var top = rowIndex * (pieHeight + gap / pieRows); // 计算top位置
                     return {
                         type: 'pie',
                         radius: [40, 60],