add heat map chart in insights explorer

2026-04-14 00:36:57 +08:00
parent 4af0797051
commit c2d7bcc5f1
23 changed files with 333 additions and 3 deletions
@@ -162,6 +162,28 @@
            v-else-if="!loading"
        />
    </v-card-text>
+    <v-card-text :class="{ 'readonly': loading }" v-else-if="currentExplorer.chartType === TransactionExplorerChartType.Heatmap.value">
+        <heat-map-chart
+            :skeleton="true"
+            :all-category-names="[]"
+            :items="[]"
+            :value-type-name="tt(TransactionExplorerValueMetric.valueOf(currentExplorer.valueMetric)?.name ?? 'Value')"
+            name-field="name"
+            values-field="values"
+            v-if="loading"
+        />
+        <heat-map-chart
+            :show-value="true"
+            :all-category-names="categoriedNamesSortedByDisplayOrder"
+            :items="seriesDimensionTransactionExplorerData"
+            :value-type-name="tt(TransactionExplorerValueMetric.valueOf(currentExplorer.valueMetric)?.name ?? 'Value')"
+            :amount-value="TransactionExplorerValueMetric.valueOf(currentExplorer.valueMetric)?.isAmount"
+            :default-currency="defaultCurrency"
+            name-field="name"
+            values-field="categoryValues"
+            v-else-if="!loading"
+        />
+    </v-card-text>
 </template>

 <script setup lang="ts">