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

[graph] use echart echart yaxis max property instead of modifying the data itself

Browse Source
This commit is contained in:
nymkappa
2023-11-15 14:08:44 +09:00
parent c393483590
commit 2d30c0b588
3 changed files with 27 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/statistics/statistics.component.html
View File

@@ -128,7 +128,7 @@
<div class="card-body">
<div class="incoming-transactions-graph">
<app-incoming-transactions-graph #incominggraph [height]="500" [left]="65" [template]="'advanced'"
[data]="mempoolTransactionsWeightPerSecondData"></app-incoming-transactions-graph>
[data]="mempoolTransactionsWeightPerSecondData" [outlierCappingEnabled]="outlierCappingEnabled"></app-incoming-transactions-graph>
</div>
</div>
</div>

34
frontend/src/app/components/statistics/statistics.component.ts
View File

@@ -160,10 +160,6 @@ export class StatisticsComponent implements OnInit {
labels: labels,
series: [mempoolStats.map((stats) => [stats.added * 1000, stats.vbytes_per_second])],
};
if (this.outlierCappingEnabled) {
this.capExtremeVbytesValues();
}
}
saveGraphPreference() {
@@ -214,36 +210,8 @@ export class StatisticsComponent implements OnInit {
});
}
/**
* All value higher that "median * capRatio" are capped
*/
onOutlierToggleChange(e) {
onOutlierToggleChange(e): void {
this.outlierCappingEnabled = e.target.checked;
this.handleNewMempoolData(this.mempoolStats);
}
capExtremeVbytesValues() {
if (this.stateService.network.length !== 0) {
return; // Only cap on Bitcoin mainnet
}
let capRatio = 4;
// Find median value
const vBytes: number[] = [];
for (const stat of this.mempoolTransactionsWeightPerSecondData.series[0]) {
vBytes.push(stat[1]);
}
const sorted = vBytes.slice().sort((a, b) => a - b);
const middle = Math.floor(sorted.length / 2);
let median = sorted[middle];
if (sorted.length % 2 === 0) {
median = (sorted[middle - 1] + sorted[middle]) / 2;
}
// Cap
for (const stat of this.mempoolTransactionsWeightPerSecondData.series[0]) {
stat[1] = Math.min(median * capRatio, stat[1]);
}
}
onSaveChart(name) {