| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | font-weight: 600; |
| | | } |
| | | .box-body { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | text-align: center; |
| | | font-size:18px; |
| | | font-size:16px; |
| | | font-weight: 700; |
| | | } |
| | | .table-item { |
| | |
| | | </div> |
| | | <div class="box"> |
| | | <div class="box-title">合格率</div> |
| | | <div style="display: flex;"class="box-body"> |
| | | <div class="box-body" id="barLabelRotation"></div> |
| | | <!--<div class="box-body3" >--> |
| | | <!-- <div class="percentage" id="thisWeek">60%</div>--> |
| | | <!-- <div class="percentage" id="lastWeek">40%</div>--> |
| | | <!--</div>--> |
| | | </div> |
| | | <div class="box-body" id="barLabelRotation"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | },1000) |
| | | setInterval(()=>{ |
| | | //location.reload() |
| | | },10000) |
| | | },600000) |
| | | function initTest() { |
| | | var box = '' |
| | | var el |
| | |
| | | } |
| | | }, |
| | | legend: { |
| | | textStyle:{color:'#FFF'}, |
| | | textStyle:{color:'#FFF',}, |
| | | }, |
| | | grid: { |
| | | left: '3%', |
| | |
| | | } |
| | | }, |
| | | legend: { |
| | | textStyle:{color:'#FFF'}, |
| | | textStyle:{color:'#FFF',fontSize:14}, |
| | | }, |
| | | grid: { |
| | | left: '3%', |
| | |
| | | stack: 'Ad', |
| | | label: { |
| | | show: true, |
| | | fontSize: 16,fontWeight: 'bold', |
| | | fontSize: 14,fontWeight: 'bold', |
| | | position: 'top',offset: [-15,5], |
| | | }, |
| | | data: [9, 3] |
| | |
| | | legend: { |
| | | icon: 'roundRect', |
| | | data: ['出库', '入库'], |
| | | textStyle:{color:'#FFF'}, |
| | | textStyle:{color:'#FFF',fontSize:14}, |
| | | }, |
| | | grid: { // 图表距离边框的距离,可用百分比和数字(px)配置 |
| | | top: '20%', |
| | | left: '3%', |
| | | right: '5%', |
| | | bottom: '5%', |