| | |
| | | // } |
| | | // }, |
| | | grid: { |
| | | left: 20, |
| | | left: 0, |
| | | right: 0, |
| | | width: "100%" |
| | | }, |
| | | xAxis: { |
| | | type: 'value', |
| | | min: 0, |
| | | max: 24, // 根据需要调整最大值 |
| | | boundaryGap: [0, 0.01], // 留出一点空间 |
| | | axisLabel: { |
| | | show: false, |
| | | margin: 0 |
| | | }, |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | | minorSplitLine: { |
| | | show: false |
| | | }, |
| | | splitArea: { |
| | | show: false |
| | | }, |
| | | axisTick: { |
| | | show: false |
| | | }, |
| | | boundaryGap: false, // 留出一点空间 |
| | | }, |
| | | yAxis: { |
| | | type: 'category', |
| | |
| | | // ] |
| | | var arr = []; |
| | | for(var i=0;i<24;i++) { |
| | | var obj = {name: '空闲时间',type: 'bar',stack: 'total',itemStyle: {color: '#fdff85'},data: [1]}; |
| | | var obj = {name: '空闲时间',type: 'bar',stack: 'total',barCategoryGap: '0',barGap: '-100%',itemStyle: {color: '#fdff85'},data: [1]}; |
| | | if(Math.random() >= 0.5) { |
| | | obj.itemStyle.color = "#fdff85"; |
| | | }else { |
| | |
| | | width: 80px; |
| | | } |
| | | .detailModel > div > div:nth-child(2) { |
| | | flex: 1; |
| | | flex:1; |
| | | } |
| | | .detailModel { |
| | | padding-left: 16px; |
| | |
| | | <el-date-picker v-model="searchInfo.time" type="date" placeholder="选择日期"></el-date-picker> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div style="text-align: center;"><el-button type="primary">主要按钮</el-button></div> |
| | | <div style="text-align: center;"><el-button type="primary">查询</el-button></div> |
| | | </el-main> |
| | | <el-main> |
| | | <el-radio-group v-model="tabPosition" style="margin-bottom: 12px;"> |