mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-27 18:59:26 +08:00
94 lines
3.4 KiB
JavaScript
94 lines
3.4 KiB
JavaScript
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)
|
|
}) |