machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make all mining charts tooltips uniform

Browse Source
This commit is contained in:
nymkappa
2022-06-10 23:34:13 +02:00
parent bdc1bd386e
commit 08a45ea680
7 changed files with 40 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.ts
View File

@@ -10,7 +10,7 @@ import { StorageService } from 'src/app/services/storage.service';
import { MiningService } from 'src/app/services/mining.service';
import { StateService } from 'src/app/services/state.service';
import { Router } from '@angular/router';
import { download } from 'src/app/shared/graphs.utils';
import { download, formatterXAxis } from 'src/app/shared/graphs.utils';
@Component({
selector: 'app-block-sizes-weights-graph',
@@ -141,27 +141,21 @@ export class BlockSizesWeightsGraphComponent implements OnInit {
},
borderColor: '#000',
formatter: (ticks) => {
let sizeString = '';
let weightString = '';
let tooltip = `<b style="color: white; margin-left: 2px">${formatterXAxis(this.locale, this.timespan, parseInt(ticks[0].axisValue, 10))}</b><br>`;
for (const tick of ticks) {
if (tick.seriesIndex === 0) { // Size
sizeString = `${tick.marker} ${tick.seriesName}: ${formatNumber(tick.data[1], this.locale, '1.2-2')} MB`;
tooltip += `${tick.marker} ${tick.seriesName}: ${formatNumber(tick.data[1], this.locale, '1.2-2')} MB`;
} else if (tick.seriesIndex === 1) { // Weight
weightString = `${tick.marker} ${tick.seriesName}: ${formatNumber(tick.data[1], this.locale, '1.2-2')} MWU`;
tooltip += `${tick.marker} ${tick.seriesName}: ${formatNumber(tick.data[1], this.locale, '1.2-2')} MWU`;
}
tooltip += `<br>`;
}
const date = new Date(ticks[0].data[0]).toLocaleDateString(this.locale, { year: 'numeric', month: 'short', day: 'numeric' });
let tooltip = `<b style="color: white; margin-left: 18px">${date}</b><br>
<span>${sizeString}</span><br>
<span>${weightString}</span>`;
if (['24h', '3d'].includes(this.timespan)) {
tooltip += `<br><small>At block: ${ticks[0].data[2]}</small>`;
tooltip += `<small>` + $localize`At block: ${ticks[0].data[2]}` + `</small>`;
} else {
tooltip += `<br><small>Around block ${ticks[0].data[2]}</small>`;
tooltip += `<small>` + $localize`Around block: ${ticks[0].data[2]}` + `</small>`;
}
return tooltip;