optionBar.xAxis.data = ['2025/3/1', '2025/3/2', '2025/3/3', '2025/3/4', '2025/3/5', '2025/3/6', '2025/3/7'] 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 for (var i = 0; i <= N; ++i) { var t = t0 + i * step * 1000 data[i] = { name: t, value: [t, Math.sin(i * 0.1) * (n - m) + m] } } 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 %') } var timerId = null document.currentScript.addEventListener('DOMNodeRemoved', () => { G.cppNative.log('DOMNodeRemoved: 运行监控') clearInterval(timerId); }); $(document).ready(function () { updatePageData() // 定时器更新页面数据 timerId = setInterval(updatePageData, 1000) })