药材谷 · 可视化组件库

K3 组件包第六辑(蜈蚣版)+ 第七辑(张牙舞爪版)23 件 —— canvas 真实现逐件原生重写,全部接我方真数据驱动

—大宗交易总额
—交易单据
—链上存证
—市场价格条目
—覆盖药市
—BRE 引擎
落地口径(不造假):本页 18 个组件全部为原生 canvas / DOM 重写(K3 原件为 React TSX,我方前端零依赖,走规格翻译)。 每张卡右上角标注数据来源:真数据 直连我方 8979 接口 · 模拟序列 后端标注 simulated 的价格走势(锚定价来自真行情) · 演示态 后端无对应数据源、仅展示组件能力。 配色守我方冻结值(米白 #f7f4ec / 墨绿 #145c43 / 鎏金 #B8860B),未采用 K3 色值。
一 · 数据可视化(canvas 原生,接真数据)
K线蜡烛图 · 迷你趋势线 · 中国热力图 · 环形图 · 雷达图 · 甘特图 · 产业神经网络 · 数字滚动

📊 K 线蜡烛图 K3 第六辑加载中

当归 30 日价格序列合成 OHLC(红涨绿跌·中国习惯)· 纯 canvas 零依赖

—

📈 迷你趋势线 K3 第六辑加载中

七日成交额走势(对话气泡内嵌行情同款)· 数据来自 /api/mobile/data_screen/trend

—

🗺️ 中国热力图 K3 第六辑加载中

七大药市按省份分布 · 色深=该省品种报价强度 · 点省弹五排下沉详情

🟩 报价平稳 | 🟨 报价偏弱 | 点击色块查看该省药市与主力品种

🍩 环形图 K3 第七辑加载中

交易单据状态占比 · 数据来自 /api/bulk_trade/list 真台账

🕸️ 雷达图 K3 第七辑加载中

五大药市 × 三品种报价对比(党参 / 黄芪 / 当归,归一化)· 数据来自 /api/hq/markets

—

📊 甘特图 K3 第七辑加载中

交易闭环五步在真台账中的进度分布 · 数据来自 /api/bulk_trade/list

🕸️ 产业神经网络 K3 第七辑演示态

中心+十节点+金色脉冲跑圈(K3「图1」简化版原生重写)· 节点为主营业务域,非实时数据

二 · 交互与反馈(原生 DOM,可点可跑)
门户首屏 · 通知中心 · 骨架屏三件套 · 新手引导 · 加工档期日历 · 配置化表单 · 洽谈窗 · 虚拟列表 · CSV 导出 · 语料管理台

🏛️ 门户首屏 K3 第七辑加载中

墨绿大图 + 四数据卡(数字均为我方接口真值)

产地直供 · 撮合交易

供需双方对接 | 平台收信息服务费 | 不赚差价

大宗交易总额
—
在册交易单据
— 笔
覆盖中药材药市
— 家

🔔 通知中心 K3 第七辑演示态

询盘 / 交割 / 系统三类(结构照 K3,内容为组件演示)

📅 加工档期日历 K3 第七辑演示态

红黄绿三色档期(后端暂无加工排产数据源,展示组件能力)

🟩 空闲可约 | 🟨 已排产 | 🟥 爆满排队

⚡ 骨架屏三件套 K3 第七辑真数据

行 / 卡片 / 列表加载态 · 点「重演」看动效

🎓 新手引导 K3 第七辑演示态

分步气泡(跳过 / 下一步)

新手引导 1/4 · 左抽屉
—

📝 配置化表单 K3 第六辑真数据

schema 驱动渲染(发布供应场景)· 提交仅本地校验,不走后端写入

💬 洽谈窗 K3 第六辑演示态

IM 洽谈组件(消息流 + 生成意向单钮)· 对接 chats 接口,写入类暂不发起

洽谈:—

⚡ 虚拟列表 K3 第六辑加载中

可视区渲染(机制支持十万级)· 数据为行情列表真条目循环填充

📤 CSV 导出 K3 第六辑加载中

无依赖导出(BOM + 引号转义,Excel 直开)· 导出真行情对账表

药材规格药市价格趋势

📚 语料管理台 K3 第六辑演示态

上传 → 切块 → 向量化管线(K3 结构照搬)· 我方向量检索管道尚未接通,此处如实标注为待建能力,不伪装已入库

药材谷 · 可视化组件库 · K3 六/七辑 23 件落地 · 原生实现零依赖 · 配色守冻结值

—