| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="equipmentInfo"> |
| | | <!-- <div class="equipmentInfo"> |
| | | <div class="equipmentCard"> |
| | | <div class="label">设备总量</div> |
| | | <div class="number"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <div class="performence"> |
| | | <!-- <div class="performence"> |
| | | <div class="title">设备运行状态监测</div> |
| | | <div class="control"> |
| | | <div |
| | |
| | | ></el-pagination> |
| | | </div> |
| | | </div> |
| | | |
| | | --> |
| | | <div class="map"> |
| | | <div class="title">算法预警数据占比</div> |
| | | <div class="title">设备地图分布</div> |
| | | <div id="mapChart"></div> |
| | | </div> |
| | | |
| | | <div class="hashRate"> |
| | | <!-- <div class="hashRate"> |
| | | <div class="left"> |
| | | <div class="title">算法预警数据占比:</div> |
| | | <div class="info"> |
| | |
| | | <div class="title">算法预警数据占比</div> |
| | | <div id="pieChart"></div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <!-- 页尾 --> |
| | |
| | | this.getInfo(); |
| | | }, |
| | | mounted() { |
| | | this.initBar(); |
| | | // this.initBar(); |
| | | this.initMap(); |
| | | this.initScatter(); |
| | | this.initPie(); |
| | | // this.initScatter(); |
| | | // this.initPie(); |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | visualMap: { |
| | | left: "right", |
| | | min: 0, |
| | | max: 100, |
| | | max: 10, |
| | | inRange: { |
| | | color: ["#FCFDFF", "#0065FF"], |
| | | }, |
| | | itemWidth: 56, |
| | | itemHeight: 200, |
| | | text: ["100", "0"], |
| | | text: ["10", "0"], |
| | | calculable: false, |
| | | }, |
| | | geo: { |
| | |
| | | }, |
| | | { |
| | | name: "北京", |
| | | value: 99, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "天津", |
| | | value: 26, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "上海", |
| | | value: 44, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "重庆", |
| | |
| | | }, |
| | | { |
| | | name: "云南", |
| | | value: 55, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "辽宁", |
| | | value: 19, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "黑龙江", |
| | |
| | | }, |
| | | { |
| | | name: "安徽", |
| | | value: 60, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "山东", |
| | | value: 39, |
| | | value: 4, |
| | | }, |
| | | { |
| | | name: "新疆", |
| | | value: 4, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "江苏", |
| | |
| | | }, |
| | | { |
| | | name: "江西", |
| | | value: 36, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "湖北", |
| | | value: 52, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "广西", |
| | |
| | | }, |
| | | { |
| | | name: "甘肃", |
| | | value: 7, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "山西", |
| | | value: 5, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "内蒙古", |
| | |
| | | }, |
| | | { |
| | | name: "陕西", |
| | | value: 22, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "吉林", |
| | | value: 4, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "福建", |
| | | value: 18, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "贵州", |
| | | value: 5, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "广东", |
| | | value: 98, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "青海", |
| | | value: 1, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "西藏", |
| | |
| | | }, |
| | | { |
| | | name: "四川", |
| | | value: 44, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "宁夏", |
| | | value: 4, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "海南", |
| | | value: 22, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "台湾", |
| | | value: 3, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "香港", |
| | | value: 5, |
| | | value: 0, |
| | | }, |
| | | { |
| | | name: "澳门", |
| | | value: 555, |
| | | value: 0, |
| | | }, |
| | | ], |
| | | }, |