aljaz/btcpayserver
1
0
Fork 0
mirror of https://github.com/aljazceru/btcpayserver.git synced 2026-02-08 07:44:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard: Prevent y-axis labels from getting cut off (#3702)

Browse Source 
Fixes #3692.
This commit is contained in:
d11n
2022-05-02 14:32:24 +02:00
committed by GitHub
parent e16a718bde
commit 38d3154ddf
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
BTCPayServer/Components/StoreWalletBalance/Default.cshtml
View File

@@ -32,7 +32,7 @@
const min = Math.min(...series);
const max = Math.max(...series);
const low = Math.max(min - ((max - min) / 5), 0);
new Chartist.Line(`#${id} .ct-chart`, {
const chart = new Chartist.Line(`#${id} .ct-chart`, {
labels,
series: [series]
}, {
@@ -40,6 +40,14 @@
fullWidth: true,
showArea: true
});
// prevent y-axis labels from getting cut off
window.setTimeout(() => {
const yLabels = [...document.querySelectorAll('.ct-label.ct-vertical.ct-start')];
if (yLabels) {
const width = Math.max(...(yLabels.map(l => l.innerText.length * 8)))
chart.update(null, { axisY: { offset: width } })
}
}, 0)
};
const update = async type => {
const url = baseUrl.replace(/\/week$/gi, `/${type}`);