diff --git a/resources/views/admin/home.blade.php b/resources/views/admin/home.blade.php index 8d88cee..b51dc3e 100644 --- a/resources/views/admin/home.blade.php +++ b/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],