diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts index ed6282e1d..440e56af6 100644 --- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts +++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts @@ -162,24 +162,25 @@ export class MempoolGraphComponent implements OnInit, OnChanges { type: 'line', }, formatter: (params: any) => { - const colorSpan = (item: any) => ` + const colorSpan = (index: any) => ` - ${this.feeLevelsOrdered[item.seriesIndex]} + ${this.feeLevelsOrdered[index]} `; const totals = (values: any) => { let totalValueTemp = 0; const totalValueArrayTemp = []; - const valuesInverted = [...values].reverse(); + const valuesInverted = this.inverted ? values : [...values].reverse(); for (const item of valuesInverted) { totalValueTemp += item.value; totalValueArrayTemp.push(totalValueTemp); } return { totalValue: totalValueTemp, - totalValueArray: totalValueArrayTemp.reverse() + totalValueArray: totalValueArrayTemp.reverse(), + values: this.inverted ? [...values].reverse() : values, }; }; - const { totalValue, totalValueArray } = totals(params); + const { totalValue, totalValueArray, values } = totals(params); const title = `
${params[0].axisValue} @@ -197,7 +198,8 @@ export class MempoolGraphComponent implements OnInit, OnChanges { progressPercentage = (item.value / totalValue) * 100; progressPercentageSum = (totalValueArray[index] / totalValue) * 100; let activeItemClass = ''; - if (this.hoverIndexSerie === index) { + const hoverActive = (this.inverted) ? Math.abs(item.seriesIndex - params.length + 1) : item.seriesIndex; + if (this.hoverIndexSerie === hoverActive) { progressPercentageText = `
${progressPercentage.toFixed(2)} @@ -216,16 +218,16 @@ export class MempoolGraphComponent implements OnInit, OnChanges { } itemFormatted.push(` - ${colorSpan(item)} + ${colorSpan(item.seriesIndex)} - ${this.vbytesPipe.transform(item.value, 2, 'vB', 'MvB', false)} + ${this.vbytesPipe.transform(values[item.seriesIndex].value, 2, 'vB', 'MvB', false)} - ${this.vbytesPipe.transform(totalValueArray[index], 2, 'vB', 'MvB', false)} + ${this.vbytesPipe.transform(totalValueArray[item.seriesIndex], 2, 'vB', 'MvB', false)}