diff --git a/src/views/modules/dashboard/warehouse-3d-board.vue b/src/views/modules/dashboard/warehouse-3d-board.vue index 40cf0d4..10866d9 100644 --- a/src/views/modules/dashboard/warehouse-3d-board.vue +++ b/src/views/modules/dashboard/warehouse-3d-board.vue @@ -600,6 +600,18 @@ export default { this.charts.storage = echarts.init(chartDom) + // 准备数据,用于legend formatter + const storageData = { + steelPallet: this.storageData.steelPallet || 0, + guardPallet: this.storageData.guardPallet || 0, + flatPallet: this.storageData.flatPallet || 0, + otherPallet: this.storageData.otherPallet || 0 + } + + // 调试:打印数据 + console.log('初始化饼图 - 库位数据:', storageData) + console.log('原始storageData:', this.storageData) + const option = { color: ['#00d4ff', '#7b68ee', '#00ff88','#c5d9ed'], tooltip: { @@ -627,7 +639,7 @@ export default { name: '库位类型', type: 'pie', radius: ['30%', '70%'], - center: ['40%', '50%'], + center: ['50%', '50%'], avoidLabelOverlap: false, itemStyle: { borderRadius: 8, @@ -637,7 +649,10 @@ export default { label: { show: true, position: 'inside', - formatter: '{d}%', + formatter: function(params) { + const percent = params.percent ? params.percent.toFixed(1) : '0.0' + return percent + '%' + }, color: '#fff', fontSize: 12, fontWeight: 'bold' @@ -645,6 +660,10 @@ export default { emphasis: { label: { show: true, + formatter: function(params) { + const percent = params.percent ? params.percent.toFixed(1) : '0.0' + return percent + '%' + }, fontSize: 14, fontWeight: 'bold' }, @@ -656,8 +675,8 @@ export default { }, data: [ { - value: this.storageData.steelPallet, - name: '钢托盘', + value: storageData.steelPallet, + name: '钢托盘(' + storageData.steelPallet + ')', itemStyle: { color: { type: 'linear', @@ -670,8 +689,8 @@ export default { } }, { - value: this.storageData.guardPallet, - name: '围挡托盘', + value: storageData.guardPallet, + name: '围挡托盘(' + storageData.guardPallet + ')', itemStyle: { color: { type: 'linear', @@ -684,8 +703,8 @@ export default { } }, { - value: this.storageData.flatPallet, - name: '平托盘', + value: storageData.flatPallet, + name: '平托盘(' + storageData.flatPallet + ')', itemStyle: { color: { type: 'linear', @@ -698,8 +717,8 @@ export default { } }, { - value: this.storageData.otherPallet, - name: '可用库位数', + value: storageData.otherPallet, + name: '可用库位数(' + storageData.otherPallet + ')', itemStyle: { color: { type: 'linear',