雷达面板
Financial HealthPreview
蛛网/雷达图，从六个维度评估你的整体财务健康状况。每个轴评分 0--100，填充多边形一目了然地揭示优势和劣势。
图表类型
| 属性 | 值 |
|---|---|
| 库 | Apache ECharts，通过 BaseChart |
| 系列类型 | radar |
| 形状 | polygon（多边形） |
| 源文件 | src/components/panels/RadarPanel.tsx |
显示内容
六个财务健康维度，每个都从真实账户数据计算：
| 维度 | 计算方式 | 评分范围 |
|---|---|---|
| 储蓄率 | ((收入 - 支出) / 收入) * 100 | 0 -- 100 |
| 预算执行 | 所有预算中低于预算部分的平均百分比 | 0 -- 100 |
| 支出多样性 | 支出分布的 Shannon 熵指数 | 0 -- 100 |
| 跑道评分 | 跑道月数，上限 24 个月 = 100 | 0 -- 100 |
| 债务管理 | (1 - 负债 / 资产) * 100 | 0 -- 100 |
| 一致性 | 月净值变异系数的倒数 | 0 -- 100 |
评分详情
- 储蓄率 —— 未被支出消耗的收入百分比。限制在 0--100 之间。
- 预算执行 —— 对每个预算，计算支出低于（或超出）预算的程度。在所有预算中取平均。无预算时评分 100。
- 支出多样性 —— 使用 Shannon 熵，按最大熵（
log2(N)，N 为支出类别数）标准化。多样性越高 = 支出分布越均匀。 - 跑道评分 —— 使用
useSimulation的基准跑道。24+ 个月的跑道 = 满分。 - 债务管理 —— 负债与资产的比率。零债务 = 100，负债等于资产 = 0。
- 一致性 —— 现金流月净值的变异系数（标准差 / 平均值）。需要至少 3 个月的数据；否则默认 75。
主要功能
| 功能 | 详情 |
|---|---|
| 标题中的总分 | 所有 6 个维度评分的平均值，显示为 XX/100 |
| 评分颜色编码 | 绿色（强调色）>= 70，黄色（警告色）40--69，红色（危险色）< 40 |
| 填充多边形 | 25% 透明度的强调色填充 (${accent}25) |
| 假设集成 | 通过 useSimulation 响应假设模拟器的调整 |
视觉细节
- 雷达半径：65%，居中于
[50%, 55%] - 轴名称：次要文本色，等宽字体，10px
- 轴线：面板边框色
- 分割线：面板标题背景色
- 分割区域：交替透明和 25% 透明度的标题背景色
- 数据线：强调色，2px 宽
- 数据点：圆形符号，大小 6，强调色填充，面板背景色边框（2px）
交互操作
- 悬停 —— 标准 ECharts 雷达提示框
- 假设响应 —— 当假设模拟器面板调整收入/支出假设时，跑道评分维度实时更新
数据来源
| 状态管理 | 字段 |
|---|---|
useFinanceStore | netWorth（收入、支出、资产、负债）、budgets、monthlySummary、cashflow |
useSimulation | baseRunway 用于跑道月数 |
useChartTheme | 强调色、警告色、危险色、边框色和背景色 |