docs: explain dashboard panels data and display boundaries

app/components/home/HomeConsumeTrend.vue

@@ -1,4 +1,8 @@
 <script>
+/**
+ * 首页消费趋势：账户汇总来自会话总览，折线图则仅将交易第一页最多 200 条记录按近六个月归集。
+ * 两者统计来源不同，图表不能作为完整账务报表使用。
+ */
 import "~/assets/styles/ChartBox.CYP_mhat.css";
 import "~/assets/styles/HomeConsumeTrend.DfrmEdD9.css";
 import { toDisplayString } from "vue";
@@ -67,6 +71,7 @@ var x = {
             F = ref([]),
             I = ref(!0),
             L = ref(``);
+          // 月份键包含年份，跨年时不会把不同年份的同名月份合并。
           function R(e) {
             let t = new Date();
             return Array.from(
@@ -86,6 +91,7 @@ var x = {
               },
             );
           }
+          // 按秒级 create_time 归入本地月份；没有记录的月份保持为零，图表只反映此页返回的记录。
           onMounted(async () => {
             try {
               let e = await g.get(`/transaction`, {
@@ -109,6 +115,7 @@ var x = {
               I.value = !1;
             }
           });
+          // 图表选项随月份数据与主题更新，ChartBox 负责图表实例的生命周期。
           let z = computed(() => (P.isDark.value ? `#618dff` : `#0052d9`)),
             B = computed(() => ({
               grid: {
@@ -155,6 +162,7 @@ var x = {
                 },
               ],
             }));
+          // 顶部账户汇总与趋势请求分开显示，趋势失败不把账户累计消费改成零。
           return (t, r) => {
             let a = NuxtLink,
               u = skeleton,