Files
easy_tdx_max/web-ui
Justin Gu e374a0da28 release: v1.32.6 — 两周改动深度审查全面修复(回测口径三件套/LLM 安全加固/涨停价舍入/时区统一/缓存与竞态等 58 处)
对 v1.21→v1.32.5 的 249 文件 4.2 万行改动做六路专项审查,本轮落地全部发现:

回测正确性:组合收益 fillna(0) 虚增、轮动停牌日过期价成交、单标的 WF 逐窗指标
被预热区稀释(三件套均带先红后绿回归);worst_drawdown 方向、grading 容错、
组合体检品种费率、寻优端点费率透传。

安全:LLM api_url 仅 http/https 且禁 userinfo(封死 file:// 读取与 Key 外送链)、
错误响应不回显原始 body、响应体 2MB 上限、配置原子写、坏配置字段级防御。

数据:涨跌停价整数分币舍入(67/318/90 个价位错 1 分漏判清零)、交易时段/采样/
provisional 统一沪时区、warehouse 增量缺口自动全量重拉、provisional 定点转正、
baostock 真故障抛错 + W/M 去 tradestatus(实测服务端报错,周月兜底此前从未工作)
+ 指数 vol 股→手(实测锚定)、ccpm 结构变更抛错。

Web API:缓存键补 count/vipdoc、NaN 清洗先于缓存、count>800 分页取全量、
submit 透传真实状态、pending 不再被淘汰成幽灵、watchlist/server 入参约束。

公式:FILTER 去副作用、0-1 值域误判收严、递归深度上限、REF 负移位显式禁止。

前端:4 处请求竞态序号守卫、Sparkline viewBox、北交所 market=2 映射、
空数据缓存死角、AI 弹窗卸载中止轮询、量能/资金日历口径修正。

CLI/CI:warehouse sync 失败 exit 1、参数校验干净报错、release 真实发布 SHA256、
CI 超时与缓存、spec 补 baostock 前提。

约 60 条回归测试先红后绿;pytest 1820 全过,ruff/mypy/vue-tsc/node --test 全绿。
2026-09-06 22:16:48 +08:00
..

easy-tdx 回测 Web UI

单标的策略回测的可视化前端(Vue3 + ECharts)。对应后端回测 REST API/api/v1/backtest/*)。

快速开始

需要两个进程:后端 FastAPI(提供回测 + 行情 API+ 前端 Vite dev server。

# 1. 启动后端(仓库根目录,使用 venv)
venv/Scripts/easy-tdx serve --port 8000

# 2. 启动前端(本目录)
npm install      # 首次
npm run dev      # 启动在 http://localhost:5173

浏览器打开 http://localhost:5173。开发期 /api 请求由 vite proxy 转发到后端 127.0.0.1:8000,无需处理跨域。

功能(MVP-A

  • 选标的取行情:沪深北市场,日线/周线/分钟线,调 /api/v1/bars
  • 策略选择 + 动态参数表单:下拉选预置策略(MA交叉/MACD/布林/RSI/KDJ),参数表单按后端 schema 自动渲染
  • 回测报告
    • K线主图 + 买卖点标注(ECharts candlestick + markPoint
    • 净值曲线 + 回撤双轴图
    • 19 项绩效指标表(收益/风险/交易分组)
    • 成交记录表

技术栈

技术 说明
框架 Vue 3.5 + TypeScript Composition API + <script setup>
构建 Vite 8 dev proxy 解决跨域
状态 Pinia 策略列表 / OHLCV / 回测结果
路由 Vue Router 4 MVP 仅 /,预留组合/寻优/对比
图表 ECharts(按需引入) candlestick / line / markPoint

目录结构

src/
├── main.ts               # 入口(Pinia + Router
├── App.vue               # 根布局
├── router.ts             # 路由
├── api.ts                # fetch 封装(strategies/bars/backtest
├── types.ts              # 后端 schema 的 TS 镜像
├── echarts-setup.ts      # ECharts 按需注册
├── style.css             # 深色金融主题
├── stores/backtest.ts    # 状态管理
├── views/BacktestView.vue    # 主页面(左配置 / 右报告)
└── components/
    ├── StrategyPicker.vue    # 策略下拉 + 动态参数表单
    ├── SymbolPicker.vue      # 选标的取行情
    ├── KlineChart.vue        # K线 + 买卖点
    ├── EquityChart.vue       # 净值 + 回撤
    ├── MetricTable.vue       # 绩效指标表
    └── TradeTable.vue        # 成交记录表

生产构建

npm run build    # 产物在 dist/,由 FastAPI 同源托管(待后续配置)

注意事项

  • 取行情需要网络/api/v1/bars 通过 TDX 协议取真实行情,需后端能连通行情服务器。无网络时可手动构造 OHLCV(后续可加内联数据粘贴入口)。
  • A股配色惯例:红涨绿跌(与 ECharts 默认相反),见 echarts-setup.ts