adjust the display order of value metrics

2026-04-18 15:34:01 +08:00
parent d73704af66
commit e89aa10137
3 changed files with 30 additions and 30 deletions
@@ -303,29 +303,29 @@ export enum TransactionExplorerValueMetricType {
    TransactionCount = 'transactionCount',
    ActiveTransactionDays = 'activeTransactionDays',
    TransactionsPerActiveDay = 'transactionsPerActiveDay',
+    SourceAmountSum = 'sourceAmountSum',
    SourceIncomeAmountSum = 'sourceIncomeAmountSum',
    SourceExpenseAmountSum = 'sourceExpenseAmountSum',
    SourceNetIncomeAmountSum = 'sourceNetIncomeAmountSum',
    SrouceAmountExpenseIncomeRatio = 'sourceExpenseIncomeRatio',
    SourceAmountSavingsRate = 'sourceAmountSavingsRate',
-    SourceAmountSum = 'sourceAmountSum',
    SourceAmountAverage = 'sourceAmountAverage',
    SourceAmountMedian = 'sourceAmountMedian',
+    SourceAmountMinimum = 'sourceAmountMinimum',
+    SourceAmountMaximum = 'sourceAmountMaximum',
    SourceAmountQ1Amount = 'sourceQ1Amount',
    SourceAmountQ3Amount = 'sourceQ3Amount',
    SourceAmount10thPercentile = 'source10thPercentileAmount',
    SourceAmount90thPercentile = 'source90thPercentileAmount',
    SourceAmount95thPercentile = 'source95thPercentileAmount',
    SourceAmount99thPercentile = 'source99thPercentileAmount',
-    SourceTop5AmountSum = 'sourceTop5AmountSum',
-    SourceTop5AmountShare = 'sourceTop5AmountShare',
-    TransactionsForEightyPercentOfSourceAmount = 'transactionsForEightyPercentOfSourceAmount',
-    SourceAmountMinimum = 'sourceAmountMinimum',
-    SourceAmountMaximum = 'sourceAmountMaximum',
    SourceAmountRange = 'sourceAmountRange',
    SourceAmountInterquartileRange = 'sourceAmountInterquartileRange',
    SourceAmountMeanAbsoluteDeviation = 'sourceAmountMeanAbsoluteDeviation',
    SourceAmountMedianAbsoluteDeviation = 'sourceAmountMedianAbsoluteDeviation',
+    SourceTop5AmountSum = 'sourceTop5AmountSum',
+    SourceTop5AmountShare = 'sourceTop5AmountShare',
+    TransactionsForEightyPercentOfSourceAmount = 'transactionsForEightyPercentOfSourceAmount',
    SourceAmountVariance = 'sourceAmountVariance',
    SourceAmountStandardDeviation = 'sourceAmountStandardDeviation',
    SourceAmountCoefficientOfVariation = 'sourceAmountCoefficientOfVariation',
@@ -340,29 +340,29 @@ export class TransactionExplorerValueMetric implements NameValue {
    public static readonly TransactionCount = new TransactionExplorerValueMetric('Transaction Count', TransactionExplorerValueMetricType.TransactionCount, false, false, true);
    public static readonly ActiveTransactionDays = new TransactionExplorerValueMetric('Active Transaction Days', TransactionExplorerValueMetricType.ActiveTransactionDays, false, false, true);
    public static readonly TransactionsPerDay = new TransactionExplorerValueMetric('Transactions per Active Day', TransactionExplorerValueMetricType.TransactionsPerActiveDay, false, false, true);
+    public static readonly SourceAmountSum = new TransactionExplorerValueMetric('Total Amount', TransactionExplorerValueMetricType.SourceAmountSum, true, false, true);
    public static readonly SourceIncomeAmountSum = new TransactionExplorerValueMetric('Total Income', TransactionExplorerValueMetricType.SourceIncomeAmountSum, true, false, true);
    public static readonly SourceExpenseAmountSum = new TransactionExplorerValueMetric('Total Expense', TransactionExplorerValueMetricType.SourceExpenseAmountSum, true, false, true);
    public static readonly SourceNetIncomeAmountSum = new TransactionExplorerValueMetric('Net Income', TransactionExplorerValueMetricType.SourceNetIncomeAmountSum, true, false, true);
    public static readonly SrouceAmountExpenseIncomeRatio = new TransactionExplorerValueMetric('Expense / Income Ratio', TransactionExplorerValueMetricType.SrouceAmountExpenseIncomeRatio, false, true, false);
    public static readonly SourceAmountSavingsRate = new TransactionExplorerValueMetric('Savings Rate', TransactionExplorerValueMetricType.SourceAmountSavingsRate, false, true, false);
-    public static readonly SourceAmountSum = new TransactionExplorerValueMetric('Total Amount', TransactionExplorerValueMetricType.SourceAmountSum, true, false, true);
    public static readonly SourceAmountAverage = new TransactionExplorerValueMetric('Average Amount', TransactionExplorerValueMetricType.SourceAmountAverage, true, false, true);
    public static readonly SourceAmountMedian = new TransactionExplorerValueMetric('Median Amount', TransactionExplorerValueMetricType.SourceAmountMedian, true, false, true);
+    public static readonly SourceAmountMinimum = new TransactionExplorerValueMetric('Minimum Amount', TransactionExplorerValueMetricType.SourceAmountMinimum, true, false, true);
+    public static readonly SourceAmountMaximum = new TransactionExplorerValueMetric('Maximum Amount', TransactionExplorerValueMetricType.SourceAmountMaximum, true, false, true);
    public static readonly SourceAmountQ1Amount = new TransactionExplorerValueMetric('Q1 Amount (First Quartile)', TransactionExplorerValueMetricType.SourceAmountQ1Amount, true, false, true);
    public static readonly SourceAmountQ3Amount = new TransactionExplorerValueMetric('Q3 Amount (Third Quartile)', TransactionExplorerValueMetricType.SourceAmountQ3Amount, true, false, true);
    public static readonly SourceAmount10thPercentile = new TransactionExplorerValueMetric('10th Percentile Amount', TransactionExplorerValueMetricType.SourceAmount10thPercentile, true, false, true);
    public static readonly SourceAmount90thPercentile = new TransactionExplorerValueMetric('90th Percentile Amount', TransactionExplorerValueMetricType.SourceAmount90thPercentile, true, false, true);
    public static readonly SourceAmount95thPercentile = new TransactionExplorerValueMetric('95th Percentile Amount', TransactionExplorerValueMetricType.SourceAmount95thPercentile, true, false, true);
    public static readonly SourceAmount99thPercentile = new TransactionExplorerValueMetric('99th Percentile Amount', TransactionExplorerValueMetricType.SourceAmount99thPercentile, true, false, true);
-    public static readonly SourceTop5AmountSum = new TransactionExplorerValueMetric('Top 5 Amount Sum', TransactionExplorerValueMetricType.SourceTop5AmountSum, true, false, true);
-    public static readonly SourceTop5AmountShare = new TransactionExplorerValueMetric('Top 5 Amount Share', TransactionExplorerValueMetricType.SourceTop5AmountShare, false, true, false);
-    public static readonly TransactionsForEightyPercentOfSourceAmount = new TransactionExplorerValueMetric('Transactions for 80% of Amount', TransactionExplorerValueMetricType.TransactionsForEightyPercentOfSourceAmount, false, true, false);
-    public static readonly SourceAmountMinimum = new TransactionExplorerValueMetric('Minimum Amount', TransactionExplorerValueMetricType.SourceAmountMinimum, true, false, true);
-    public static readonly SourceAmountMaximum = new TransactionExplorerValueMetric('Maximum Amount', TransactionExplorerValueMetricType.SourceAmountMaximum, true, false, true);
    public static readonly SourceAmountRange = new TransactionExplorerValueMetric('Range (Max - Min)', TransactionExplorerValueMetricType.SourceAmountRange, true, false, true);
    public static readonly SourceAmountInterquartileRange = new TransactionExplorerValueMetric('Interquartile Range (Q3 - Q1)', TransactionExplorerValueMetricType.SourceAmountInterquartileRange, true, false, true);
    public static readonly SourceAmountMeanAbsoluteDeviation = new TransactionExplorerValueMetric('Mean Absolute Deviation', TransactionExplorerValueMetricType.SourceAmountMeanAbsoluteDeviation, true, false, false);
    public static readonly SourceAmountMedianAbsoluteDeviation = new TransactionExplorerValueMetric('Median Absolute Deviation', TransactionExplorerValueMetricType.SourceAmountMedianAbsoluteDeviation, true, false, false);
+    public static readonly SourceTop5AmountSum = new TransactionExplorerValueMetric('Top 5 Amount Sum', TransactionExplorerValueMetricType.SourceTop5AmountSum, true, false, true);
+    public static readonly SourceTop5AmountShare = new TransactionExplorerValueMetric('Top 5 Amount Share', TransactionExplorerValueMetricType.SourceTop5AmountShare, false, true, false);
+    public static readonly TransactionsForEightyPercentOfSourceAmount = new TransactionExplorerValueMetric('Transactions for 80% of Amount', TransactionExplorerValueMetricType.TransactionsForEightyPercentOfSourceAmount, false, true, false);
    public static readonly SourceAmountVariance = new TransactionExplorerValueMetric('Variance', TransactionExplorerValueMetricType.SourceAmountVariance, false, false, false);
    public static readonly SourceAmountStandardDeviation = new TransactionExplorerValueMetric('Standard Deviation', TransactionExplorerValueMetricType.SourceAmountStandardDeviation, false, false, false);
    public static readonly SourceAmountCoefficientOfVariation = new TransactionExplorerValueMetric('Coefficient of Variation', TransactionExplorerValueMetricType.SourceAmountCoefficientOfVariation, false, false, false);
@@ -135,13 +135,13 @@ export interface InsightsExplorerTransactionStatisticData {
    netIncome: number;
    averageAmount: number;
    medianAmount: number;
-    p90Amount: number;
-    top5AmountShare?: number;
-    transactionsFor80PercentAmount?: number;
    minimumAmount: number;
    maximumAmount: number;
+    p90Amount: number;
    range: number;
    interquartileRange: number;
+    top5AmountShare?: number;
+    transactionsFor80PercentAmount?: number;
    variance?: number;
    standardDeviation?: number;
    coefficientOfVariation?: number;
@@ -689,13 +689,13 @@ export const useExplorersStore = defineStore('explorers', () => {
            netIncome: 0,
            averageAmount: 0,
            medianAmount: 0,
-            p90Amount: 0,
-            top5AmountShare: undefined,
-            transactionsFor80PercentAmount: undefined,
            minimumAmount: Number.MAX_SAFE_INTEGER,
            maximumAmount: Number.MIN_SAFE_INTEGER,
+            p90Amount: 0,
            range: 0,
            interquartileRange: 0,
+            top5AmountShare: undefined,
+            transactionsFor80PercentAmount: undefined,
            variance: undefined,
            standardDeviation: undefined,
            coefficientOfVariation: undefined
@@ -68,18 +68,6 @@
                                    <td>{{ tt('Median Amount') }}</td>
                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.medianAmount) }}</td>
                                </tr>
-                                <tr>
-                                    <td>{{ tt('90th Percentile Amount') }}</td>
-                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.p90Amount) }}</td>
-                                </tr>
-                                <tr>
-                                    <td>{{ tt('Top 5 Amount Share') }}</td>
-                                    <td class="text-end">{{ isDefined(filteredTransactionsStatistic.top5AmountShare) ? formatPercentToLocalizedNumerals(filteredTransactionsStatistic.top5AmountShare, 2, '<0.01') : '-' }}</td>
-                                </tr>
-                                <tr>
-                                    <td>{{ tt('Transactions for 80% of Amount') }}</td>
-                                    <td class="text-end">{{ isDefined(filteredTransactionsStatistic.transactionsFor80PercentAmount) ? formatPercentToLocalizedNumerals(filteredTransactionsStatistic.transactionsFor80PercentAmount, 2, '<0.01') : '-' }}</td>
-                                </tr>
                                <tr>
                                    <td>{{ tt('Minimum Amount') }}</td>
                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.minimumAmount) }}</td>
@@ -88,6 +76,10 @@
                                    <td>{{ tt('Maximum Amount') }}</td>
                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.maximumAmount) }}</td>
                                </tr>
+                                <tr>
+                                    <td>{{ tt('90th Percentile Amount') }}</td>
+                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.p90Amount) }}</td>
+                                </tr>
                                <tr>
                                    <td>{{ tt('Range (Max - Min)') }}</td>
                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.range) }}</td>
@@ -96,6 +88,14 @@
                                    <td>{{ tt('Interquartile Range (Q3 - Q1)') }}</td>
                                    <td class="text-end">{{ formatAmountToLocalizedNumeralsWithCurrency(filteredTransactionsStatistic.interquartileRange) }}</td>
                                </tr>
+                                <tr>
+                                    <td>{{ tt('Top 5 Amount Share') }}</td>
+                                    <td class="text-end">{{ isDefined(filteredTransactionsStatistic.top5AmountShare) ? formatPercentToLocalizedNumerals(filteredTransactionsStatistic.top5AmountShare, 2, '<0.01') : '-' }}</td>
+                                </tr>
+                                <tr>
+                                    <td>{{ tt('Transactions for 80% of Amount') }}</td>
+                                    <td class="text-end">{{ isDefined(filteredTransactionsStatistic.transactionsFor80PercentAmount) ? formatPercentToLocalizedNumerals(filteredTransactionsStatistic.transactionsFor80PercentAmount, 2, '<0.01') : '-' }}</td>
+                                </tr>
                                <tr>
                                    <td>{{ tt('Variance') }}</td>
                                    <td class="text-end">{{ isDefined(filteredTransactionsStatistic.variance) ? formatNumberToLocalizedNumerals(filteredTransactionsStatistic.variance, 2) : '-' }}</td>