energy_storage/bin/Release/assets/html/pages/系统总览.js

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)
})