optionBar.xAxis.data = ['03/01', '03/02', '03/03', '03/04', '03/05', '03/06', '03/07'] optionBar.legend.data = ['发电电量', '入网电量'] optionBar.series = [ { name: '发电电量', type: 'bar', data: [50, 28, 35, 18, 36, 27, 19] }, { name: '入网电量', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, ] var mychartSolar = echarts.init(document.getElementById('mychartSolar')) mychartSolar.setOption(optionBar) optionBar.legend.data = ['充电电量', '放电电量'] optionBar.series = [ { name: '充电电量', type: 'bar', data: [50, 28, 35, 18, 36, 27, 19] }, { name: '放电电量', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, ] var mychartStorage = echarts.init(document.getElementById('mychartStorage')) mychartStorage.setOption(optionBar) optionBar.legend.data = ['用电电量', '最大功率'] optionBar.series = [ { name: '用电电量', type: 'bar', data: [50, 28, 35, 18, 36, 27, 19] }, { name: '最大功率', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, ] var mychartLoad = echarts.init(document.getElementById('mychartLoad')) mychartLoad.setOption(optionBar) optionBar.legend.data = ['充电电量', '充电次数', '充电收益'] optionBar.series = [ { name: '充电电量', type: 'bar', data: [50, 28, 35, 18, 36, 27, 19] }, { name: '充电次数', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, { name: '充电收益', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, ] var mychartCharge = echarts.init(document.getElementById('mychartCharge')) mychartCharge.setOption(optionBar) optionBar.legend.data = ['光伏设备', '储能设备', '负荷设备'] optionBar.series = [ { name: '光伏设备', type: 'bar', data: [50, 28, 35, 18, 36, 27, 19] }, { name: '储能设备', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, { name: '负荷设备', type: 'bar', data: [10, 32, 20, 33, 39, 13, 22] }, ] var mychartAlert = echarts.init(document.getElementById('mychartAlert')) mychartAlert.setOption(optionBar) function getRandomCurveData(m, n) { var data = [] var t0 = Date.parse('2025-03-01 00:00:00') var step = 600 var N = 86400 / step var y = 500 for (var i = 0; i <= N; ++i) { var t = t0 + i * step * 1000 //var y = Math.sin(i * 0.1) * (n - m) + m y = Math.floor((y + RAND(0, 50) - 25) * 100) / 100 data[i] = { name: t, value: [t, y] } } return data } optionCurve.legend.data = ['发电功率', '辐照度'] optionCurve.series = [ { name: '发电功率', type: 'line', hoverAnimation: false, smooth: false, symbolSize: 0, data: getRandomCurveData(100, 200) }, { name: '辐照度', type: 'line', hoverAnimation: false, smooth: false, symbolSize: 0, data: getRandomCurveData(100, 200) }, ] var mychartRunning = echarts.init(document.getElementById('mychartRunning')) mychartRunning.setOption(optionCurve) window.onresize = () => { mychartSolar.resize() mychartStorage.resize() mychartLoad.resize() mychartCharge.resize() mychartAlert.resize() mychartRunning.resize() } function updatePageData() { // 查询数据获取环境信息 $('#envIllumination').text('27.2 Lux') $('#envWindspeed').text('1.5 m/s') $('#envTemperture').text('27.8 ℃') $('#envHumidity').text('37.6 %') // 查询获取统计信息 $('#windTurbineNum').text('8') $('#solarNum').text('207') $('#electricTotal').text('153.21') $('#electricInTotal').text('120.35') $('#carbonReduction').text('36.17') } var timerId = null document.currentScript.addEventListener('DOMNodeRemoved', () => { G.cppNative.log('DOMNodeRemoved: 运行监控') clearInterval(timerId); }); $(document).ready(function () { updatePageData() // 定时器更新页面数据 timerId = setInterval(updatePageData, 1000) })