现金流面板

垂直堆叠的多网格 ECharts 可视化，将收入/支出柱状图、累计储蓄和储蓄率百分比组合在一个同步视图中，并支持预测功能。

显示内容

三个子图表共享同一 X 轴（月份），垂直堆叠：

顶部网格有一条平均收入 markLine（虚线）作为参考。

跨网格悬停同步 —— 在任何网格上移动光标，通过 axisPointer.link 在所有三个网格中高亮同一个月份。
日期范围选择器 —— 四个预设范围：
按钮周期
6M 6 个月
12M 12 个月
2Y 24 个月
全部完整历史
图层切换 —— 五个可独立开关的数据层：
图层键默认
收入 income 开
支出 expenses 开
净值 net 开
累计 cumulative 开
比率 rate 开
关闭某个图层会移除其网格，并按比例重新分配剩余网格。
预测模式 —— 通过 useSimulation hook 提供三种模式：
模式效果
实际仅历史数据
3 个月三个月前瞻预测
12 个月十二个月前瞻预测
预测周期以 50% 透明度渲染，以视觉区分于实际数据。
假设模拟器集成 —— 当假设模拟器激活时，调整后的收入/支出值会流入预测。

状态管理 / Hook	字段
`useFinanceStore`	`monthlySummary`, `simulation`
`useSimulation`	预测周期，调整后的值

图表通过 BaseChart.tsx 渲染（处理 ResizeObserver 和主题集成）。