| | |
| | | <!--利用率和开动率--> |
| | | <div class="UtilizationStartup"> |
| | | <div class="Utilization Line-box"> |
| | | <!--<div class="title">--> |
| | | <!--<div class="circle"></div>--> |
| | | <!--<div class="text">开机率</div>--> |
| | | <!--</div>--> |
| | | <div class="title"> |
| | | <div class="circle"></div> |
| | | <div class="text">运行效率</div> |
| | | </div> |
| | | <div class="Utilization-box box-bottom"> |
| | | <div class="Utilization-right" ref="UtilizationLine" id="UtilizationLine"></div> |
| | | </div> |
| | | </div> |
| | | <div class="Startup Line-box"> |
| | | <!--<div class="title">--> |
| | | <!--<div class="circle"></div>--> |
| | | <!--<div class="text">开动率</div>--> |
| | | <!--</div>--> |
| | | <div class="title"> |
| | | <div class="circle"></div> |
| | | <div class="text">运行效率</div> |
| | | </div> |
| | | <div class="Startup-box box-bottom"> |
| | | <div class="Startup-right" ref="StartupLine" id="StartupLine"></div> |
| | | </div> |
| | |
| | | //开机时间\关机时间 |
| | | let UtilizationLine = this.$echarts.init(document.getElementById('UtilizationLine'), 'macarons'); |
| | | let statChartPieOption1 = { |
| | | title: { |
| | | x: 'left', |
| | | subtext: '开机效率' |
| | | }, |
| | | // title: { |
| | | // x: 'left', |
| | | // subtext: '开机效率', |
| | | // textStyle: { |
| | | // color: '#268e80', |
| | | // fontSize: 20, |
| | | // |
| | | // }, |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | |
| | | //运行时间\待机时间 |
| | | let StartupLine = this.$echarts.init(document.getElementById('StartupLine'), 'macarons'); |
| | | let statChartPieOption2 = { |
| | | title: { |
| | | x: 'left', |
| | | subtext: '运行效率' |
| | | }, |
| | | // title: { |
| | | // x: 'left', |
| | | // subtext: '运行效率' |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |