| | |
| | | import * as echarts from 'echarts' |
| | | export default { |
| | | name: 'conparativeAnalysisPie', |
| | | propa:{}, |
| | | props:{ dataList:''}, |
| | | data(){ |
| | | return{ |
| | | closeRate:0, |
| | | openRate:0, |
| | | usedRate:0, |
| | | waitRate:0, |
| | | RateList:[] |
| | | } |
| | | }, |
| | | created(){ |
| | | |
| | | }, |
| | | watch:{ |
| | | dataList(val){ |
| | | this.RateList = val |
| | | console.log(val) |
| | | this.drawTu() |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.drawTu() |
| | |
| | | {value: 0, name: '关机率'}] |
| | | }] |
| | | }; |
| | | if(this.RateList != null){ |
| | | this.closeRate =[] |
| | | this.openRate =[] |
| | | this.usedRate = [] |
| | | this.waitRate = [] |
| | | if(this.RateList.length>0){ |
| | | this.closeRate=this.RateList[0].closeRate |
| | | this.openRate=this.RateList[0].openRate |
| | | this.usedRate=this.RateList[0].processRate |
| | | this.waitRate=this.RateList[0].waitRate |
| | | pieCompChartOption1.series[0].data = [{value:(this.openRate * 100).toFixed(2), name:'开机率'},{value:(this.closeRate * 100).toFixed(2), name:'关机率'}]; |
| | | pieCompChartOption2.series[0].data = [{value:(this.usedRate * 100).toFixed(2), name:'加工率'},{value:(this.waitRate * 100).toFixed(2), name:'待机率'},{value:(this.closeRate * 100).toFixed(2), name:'关机率'}]; |
| | | pieCompChart1.setOption(pieCompChartOption1); |
| | | pieCompChart2.setOption(pieCompChartOption2); |
| | | }else{ |
| | | pieCompChart1.setOption(pieCompChartOption1); |
| | | pieCompChart2.setOption(pieCompChartOption2); |
| | | } |
| | | |
| | | }else{ |
| | | pieCompChart1.setOption(pieCompChartOption1); |
| | | pieCompChart2.setOption(pieCompChartOption2); |
| | | } |
| | | |
| | | pieCompChart1.setOption(pieCompChartOption1); |
| | | pieCompChart2.setOption(pieCompChartOption2); |
| | | window.addEventListener('resize', function() { |