| | |
| | | <div class="chart-container" :id="chartContainerId" style="flex: 1"></div> |
| | | <div class="pie-value-container"> |
| | | <div> |
| | | <span class="color-square" style="background-color: #00923f"></span>完成量 {{equipmentStatusCountObj.qualifiedQty}} |
| | | <span class="color-square" style="background-color: #00923f"></span>完成量 |
| | | {{equipmentStatusCountObj.qualifiedQty}} |
| | | </div> |
| | | <div> |
| | | <span class="color-square" style="background-color: #e67817"></span>任务量 {{equipmentStatusCountObj.planQty}} |
| | |
| | | }, |
| | | |
| | | initChart() { |
| | | const yAxisData1 = this.toDecimal2NoZero((this.equipmentStatusCountObj.runCount / this.equipmentStatusCountObj.equipmentCount) * 100) |
| | | const yAxisData1 = this.toDecimal2NoZero((+this.equipmentStatusCountObj.planQty !== 0 ? this.equipmentStatusCountObj.qualifiedQty / this.equipmentStatusCountObj.planQty : 0) * 100) |
| | | const yAxisData2 = 100 - yAxisData1 |
| | | const runNum = yAxisData1 |
| | | const finishedNum = yAxisData1 |
| | | const option = { |
| | | legend: { |
| | | show: false |
| | |
| | | data: [ |
| | | { |
| | | value: 0, |
| | | name: '运行量', |
| | | name: '完成量', |
| | | itemStyle: { color: '#00923f' }, |
| | | label: { |
| | | show: true, |
| | |
| | | position: 'inside', |
| | | textBorderWidth: 0, |
| | | formatter: function() { |
| | | return runNum + '%' |
| | | return finishedNum + '%' |
| | | } |
| | | } |
| | | }, |
| | | { |
| | | value: 100, |
| | | name: '设备量', |
| | | name: '任务量', |
| | | itemStyle: { color: '#e67817' }, |
| | | label: { |
| | | show: false |