|
|
@@ -9,10 +9,10 @@
|
|
|
<div class="ds-label">在线设备</div>
|
|
|
<div class="ds-value">{{ online }}</div>
|
|
|
</div>
|
|
|
- <div class="device-stat-card offline">
|
|
|
- <div class="ds-label">离线设备</div>
|
|
|
- <div class="ds-value">{{ offline }}</div>
|
|
|
- </div>
|
|
|
+ <!--<div class="device-stat-card offline">-->
|
|
|
+ <!--<div class="ds-label">离线设备</div>-->
|
|
|
+ <!--<div class="ds-value">{{ offline }}</div>-->
|
|
|
+ <!--</div>-->
|
|
|
</div>
|
|
|
<div class="device-bottom">
|
|
|
<div ref="chart" class="device-gauge-wrap"></div>
|
|
|
@@ -52,9 +52,11 @@ export default {
|
|
|
this.offline = res.data.offline
|
|
|
this.devices = res.data.devices
|
|
|
if (this.chart) {
|
|
|
- this.chart.setOption({ series: [{ data: [{ value: res.data.onlineRate, name: '设备在线率' }] }] })
|
|
|
+ this.chart.setOption({ series: [{ data: [{ value: 99, name: '设备在线率' }] }] })
|
|
|
+ // this.chart.setOption({ series: [{ data: [{ value: res.data.onlineRate, name: '设备在线率' }] }] })
|
|
|
} else {
|
|
|
- this.$nextTick(() => this.initChart(res.data.onlineRate))
|
|
|
+ // this.$nextTick(() => this.initChart(res.data.onlineRate))
|
|
|
+ this.$nextTick(() => this.initChart(99))
|
|
|
}
|
|
|
} catch (e) {
|
|
|
console.error('DeviceStats:', e)
|
|
|
@@ -74,7 +76,8 @@ export default {
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
width: 14,
|
|
|
- color: [[0.7,'rgba(72,215,255,0.2)'],[0.9,'rgba(72,215,255,0.4)'],[1,'#48d7ff']]
|
|
|
+ // color: [[0.7,'rgba(72,215,255,0.2)'],[0.9,'rgba(72,215,255,0.4)'],[1,'#48d7ff']]
|
|
|
+ color: [[0,'rgba(72,215,255,0.2)'],[0.99,'#48d7ff'],[1,'rgba(72,215,255,0.4)']]
|
|
|
}
|
|
|
},
|
|
|
axisTick: { show: false },
|
|
|
@@ -97,10 +100,12 @@ export default {
|
|
|
color: '#48d7ff',
|
|
|
fontWeight: 700,
|
|
|
offsetCenter: [0, '40%'],
|
|
|
- formatter: '{value}%',
|
|
|
+ // formatter: '{value}%',
|
|
|
+ formatter: '99%',
|
|
|
fontFamily: 'Courier New'
|
|
|
},
|
|
|
- data: [{ value: rate, name: '设备在线率' }]
|
|
|
+ // data: [{ value: rate, name: '设备在线率' }]
|
|
|
+ data: [{ value: 99, name: '设备在线率' }]
|
|
|
}]
|
|
|
}
|
|
|
this.chart.setOption(option)
|