popov/gogo2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better imbalance styles

Browse Source
This commit is contained in:
Dobromir Popov
2025-06-18 20:37:56 +03:00
parent 7ce40e2372
commit 2bc78af888
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/cob_dashboard.html
View File

@ -970,7 +970,7 @@
const askCount = stats.ask_levels || 0;
document.getElementById(`${prefix}-levels`).textContent = `${bidCount + askCount}`;
// Show aggregated imbalance (all time windows)
// Show aggregated imbalance (all time windows) with color coding
const symbol = prefix === 'btc' ? 'BTC/USDT' : 'ETH/USDT';
const history = imbalanceHistory[symbol];
const imbalance1s = (history.avg1s * 100).toFixed(1);
@ -978,8 +978,17 @@
const imbalance15s = (history.avg15s * 100).toFixed(1);
const imbalance30s = (history.avg30s * 100).toFixed(1);
document.getElementById(`${prefix}-imbalance`).textContent =
`${imbalance1s}% (1s) | ${imbalance5s}% (5s) | ${imbalance15s}% (15s) | ${imbalance30s}% (30s)`;
// Helper function to get color based on imbalance value
function getImbalanceColor(value) {
return parseFloat(value) < 0 ? '#ff6b6b' : '#00ff88';
}
// Create colored HTML for each imbalance
document.getElementById(`${prefix}-imbalance`).innerHTML =
`<span style="color: ${getImbalanceColor(imbalance1s)}">${imbalance1s}% (1s)</span> | ` +
`<span style="color: ${getImbalanceColor(imbalance5s)}">${imbalance5s}% (5s)</span> | ` +
`<span style="color: ${getImbalanceColor(imbalance15s)}">${imbalance15s}% (15s)</span> | ` +
`<span style="color: ${getImbalanceColor(imbalance30s)}">${imbalance30s}% (30s)</span>`;
document.getElementById(`${prefix}-updates`).textContent = updateCounts[symbol];
}