登录社区云,与社区用户共同成长
邀请您加入社区
统计页面通过三个可视化区块(概览卡片、月历活跃图、心情分布图)直观展示用户数据。概览卡片采用2×2网格布局,用不同颜色区分胶囊状态;月历视图通过日期网格的颜色深浅反映每日记录数量;心情分布图使用水平进度条对比情绪频率。设计上注重色彩语义(如绿色代表完成)和视觉层次(主色突出重要信息),并采用Flex布局和动态计算(如归一化进度条宽度)实现响应式展示。这些组件将数字转化为图形,帮助用户快速感知记录习