mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 06:47:52 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4065 from mempool/mononaut/log-scale-fee-graph

Browse source 
Use log10 scale for projected block fee graph
This commit is contained in:
softsimon 2023-08-02 18:35:46 +09:00 • committed by GitHub
commit 2c7919ace6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.ts
View file

@ -74,14 +74,14 @@ export class FeeDistributionGraphComponent implements OnInit, OnChanges, OnDestr
this.labelInterval = this.numSamples / this.numLabels; this.labelInterval = this.numSamples / this.numLabels;
while (nextSample <= maxBlockVSize) { while (nextSample <= maxBlockVSize) {
if (txIndex >= txs.length) { if (txIndex >= txs.length) {
samples.push([(1 - (sampleIndex / this.numSamples)) * 100, 0]); samples.push([(1 - (sampleIndex / this.numSamples)) * 100, 0.000001]);
nextSample += sampleInterval; nextSample += sampleInterval;
sampleIndex++; sampleIndex++;
continue; continue;
} }
while (txs[txIndex] && nextSample < cumVSize + txs[txIndex].vsize) { while (txs[txIndex] && nextSample < cumVSize + txs[txIndex].vsize) {
samples.push([(1 - (sampleIndex / this.numSamples)) * 100, txs[txIndex].rate]); samples.push([(1 - (sampleIndex / this.numSamples)) * 100, txs[txIndex].rate || 0.000001]);
nextSample += sampleInterval; nextSample += sampleInterval;
sampleIndex++; sampleIndex++;
} }
@ -118,7 +118,9 @@ export class FeeDistributionGraphComponent implements OnInit, OnChanges, OnDestr
}, },
}, },
yAxis: { yAxis: {
type: 'value', type: 'log',
min: 1,
max: this.data.reduce((min, val) => Math.max(min, val[1]), 1),
// name: 'Effective Fee Rate s/vb', // name: 'Effective Fee Rate s/vb',
// nameLocation: 'middle', // nameLocation: 'middle',
splitLine: { splitLine: {
@ -129,12 +131,16 @@ export class FeeDistributionGraphComponent implements OnInit, OnChanges, OnDestr
} }
}, },
axisLabel: { axisLabel: {
show: true,
formatter: (value: number): string => { formatter: (value: number): string => {
const unitValue = this.weightMode ? value / 4 : value; const unitValue = this.weightMode ? value / 4 : value;
const selectedPowerOfTen = selectPowerOfTen(unitValue); const selectedPowerOfTen = selectPowerOfTen(unitValue);
const newVal = Math.round(unitValue / selectedPowerOfTen.divider); const newVal = Math.round(unitValue / selectedPowerOfTen.divider);
return `${newVal}${selectedPowerOfTen.unit}`; return `${newVal}${selectedPowerOfTen.unit}`;
}, },
},
axisTick: {
show: true,
} }
}, },
series: [{ series: [{