| | |
| | | <div class="kb_body"> |
| | | <div class="kb_background" /> |
| | | <div class="kb_background2" /> |
| | | <div class="kb_head" style="height: 90px">脉链大数据分析平台</div> |
| | | <div class="kb_head" style="height: 90px">未来工厂分析平台</div> |
| | | <div class="kb_headerPic" /> |
| | | <div class="kb_flex" style="height: 660px"> |
| | | <div class="kb_flex_column"> |
| | |
| | | value2: 78792 |
| | | } |
| | | }, |
| | | created() { |
| | | setInterval(() => { |
| | | location.reload() |
| | | }, 1000 * 60 * 60 * 2) |
| | | }, |
| | | mounted() { |
| | | // 加载世界地图 |
| | | this.loadArea() |
| | |
| | | setInterval(() => { |
| | | this.value1 = Math.floor(Math.random() * 10000 + 5000) |
| | | this.value2 = Math.floor(Math.random() * 10000 + 5000) |
| | | }, 3000) |
| | | }, 9000) |
| | | }, |
| | | methods: { |
| | | |
| | |
| | | // } |
| | | // ] |
| | | loadEcharts('pie1', pie1(pie1data)) |
| | | }, 10000) |
| | | }, 20000) |
| | | |
| | | let bar1data1 = ['92', '90', '96', '98', '99', '97'] |
| | | let bar1data2 = ['70', '60', '50', '40', '30'] |
| | |
| | | bar1data1 = [Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92), Math.floor(Math.random() * 8 + 92)] |
| | | bar1data2 = [Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70), Math.floor(Math.random() * 15 + 70)] |
| | | loadEcharts('bar1', bar1(bar1data1, bar1data2)) |
| | | }, 9000) |
| | | }, 15000) |
| | | |
| | | // 加载左中 |
| | | // let dataY = ['200', '400', '500', '300', '400', '440', '330', '380', '400', '460', '390', '270'] |
| | | const dataY = [8101, 6382, 7541, 7279, 5288, 7562, 7163, 7541, 4288] |
| | | const dataY2 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)] |
| | | const dataY3 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)] |
| | | const dataY4 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)] |
| | | const dataY5 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)] |
| | | const dataY = [8101, 6382, 7541, 7279, 5288, 7562, 7163, 7541, 7541, 7000, 6000, 6500] |
| | | const dataY2 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)] |
| | | const dataY3 = [5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000), 5000 + Math.floor(Math.random() * 2000)] |
| | | const dataY4 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)] |
| | | const dataY5 = [3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000), 3000 + Math.floor(Math.random() * 2000)] |
| | | loadEcharts('line1', line1(dataY, dataY2, dataY3, dataY4, dataY5)) |
| | | setInterval(() => { |
| | | // dataY = [ |
| | |
| | | // Math.floor(Math.random() * 100 + 400) |
| | | // ] |
| | | loadEcharts('line1', line1(dataY, dataY2, dataY3, dataY4, dataY5)) |
| | | }, 8000) |
| | | }, 18000) |
| | | |
| | | // 加载右下 |
| | | let scaleData1 = [ |
| | |
| | | ] |
| | | loadEcharts('pie2', pie2('品质差异比列', scaleData1)) |
| | | loadEcharts('pie3', pie2('异常预警比列', scaleData2)) |
| | | }, 7000) |
| | | }, 17000) |
| | | |
| | | let list = [500, 400, 300, 200, 100] |
| | | // 加载左上 |
| | |
| | | setInterval(() => { |
| | | list = [Math.floor(Math.random() * 100) + 500, Math.floor(Math.random() * 100) + 400, Math.floor(Math.random() * 100) + 300, Math.floor(Math.random() * 100) + 200, Math.floor(Math.random() * 100) + 100] |
| | | loadEcharts('bar2', bar2(list)) |
| | | }, 6000) |
| | | }, 26000) |
| | | |
| | | // 加载右上 |
| | | loadEcharts('bar3', bar3()) |
| | | setInterval(() => { |
| | | loadEcharts('bar3', bar3()) |
| | | }, 5500) |
| | | }, 22000) |
| | | // 加载中下 |
| | | loadEcharts('bar4', bar4()) |
| | | setInterval(() => { |
| | | loadEcharts('bar4', bar4()) |
| | | }, 6500) |
| | | }, 16500) |
| | | |
| | | loadEcharts('barline1', barline1()) |
| | | setInterval(() => { |
| | | loadEcharts('barline1', barline1()) |
| | | }, 7500) |
| | | }, 17500) |
| | | }, |
| | | // 加载右中(弃用) |
| | | loadCustom1() { |