程序聚合 软件案例 股票行情图表-stock-chart

股票行情图表-stock-chart

2026-09-15 16:52:47
行业:金融
载体:网站、H5
技术:JavaScript、Vue

业务和功能介绍

基于 Vue 3 + 原生 Canvas 2D 自研的 K 线图表引擎与组件库。支持蜡烛图 / 美国线 / 折线 / 面积四种图表形态、分时与 K 线双视图、16 种技术指标、24 种画线覆盖物(19 种手动绘制 + 5 种缠论图元)、实时追加、亮暗主题切换与 PC / 移动自适应。
图表特性:
1.图表形态:`candle`(蜡烛图)、`ohlc`(美国线)、`line`(折线图)、`area`(面积图)
2.三段式布局:主图 + 固定成交量副图 + 至多一个指标副图,面板间距与高度可配置,分隔条可拖拽
3.主图指标:MA(默认 5/10/30/60 四周期)、EMA、BOLL,可多选
4.副图指标:VOL 常驻,MACD / KDJ / RSI / BIAS / WR / PSY / CCI / MOM / STOCH / WMSR / KST / FASTK 单选
5.画线工具:21 种手绘覆盖物(趋势线、水平线、垂直线、射线、平行线、斐波那契回撤、矩形、文字标注、价格线、箭头、圆、三角、平行四边形、批注等)加 5 种缠论图元(笔 / 线段 / 中枢 / 分型 / 买卖点)
6.交互:滚轮缩放、拖拽平移、十字光标、触摸手势、全屏
7.信息层:跟随光标的 DOM 浮动提示框(边界自动翻转与夹取)、Canvas 绘制的固定文字栏、主图与副图图例
8.数据接口:`setData` 整段替换(同序列重复下发保留当前视图)、`appendData` 实时追加、`updateLast` 更新末根
9.国际化:内置 zh-CN(默认)与 en-US,数值单位随语言在「万/亿」与 `K/M/B` 之间联动

项目实现

架构设计
1.集中式配置:ChartConfig为单一配置源,所有区域样式通过 engine.getChartConfig()运行期读写,支持update(patch)浅合并与 toJSON()/fromJSON() 序列化。
2.纯OOP区域类:渲染层拆分为 9 个独立区域类(src/renderer/region/),每个类持有自己的配置切片,不使用策略模式或工厂模式。
3.双 Canvas 分层:静态层(背景→网格→坐标轴→边框→主图→副图)+ 动态层(图例→信息栏→十字光标→覆盖物),HiDPI 自适应。
4.双引擎双视图:分时图与 K 线图各自拥有独立的ChartEngine实例和 canvas 元素,切换仅改变可见性,不污染状态。
5.Y轴宽度迭代收敛:渲染管线最多迭代3次,测量真实刻度文本宽度后修正布局,确保刻度标签不截断。

示例图片视频


Rocky
1天前活跃
方向: 后端-Java、前端-Web前端、
交付率:100.00%
相似推荐
智慧养老全域平台
一、立项背景与目标 背景 随着人口老龄化加剧,传统养老服务存在三大痛点:一是老人需求分散,电话点单、人工派单效率低;二是服务商、机构、政府之间数据不通,补贴发放与监管缺乏依据;三是服务质量难追溯,老人权益保障不足。民政局亟需一套覆盖全域的数字化平台,打通“需求—服务—监管—结算”全链路。 目标 建立辖区老人统一档案,实现服务需求线上受理 整合居家、机构、服务商资源,智能派单提升响应效率 补贴自动核算、资金流向可追溯,杜绝虚报冒领 政府实时监管服务质量,数据大屏辅助决策 敏感数据国密加密,满足等保合规要求 二、软件功能核心模块 1. 老人档案模块 统一建档,含基本信息、健康档案、补贴资格、紧急联系人,支持民政系统数据对接。 2. 服务下单模块 小程序/APP 点单、电话代下单、周期预约,支持助餐、助浴、助洁、助医、陪诊等品类。 3. 智能派单模块 按区域、技能、评分、负载自动匹配服务商,支持手动改派、抢单模式。 4. 工单管理模块 接单、上门打卡、服务拍照、完工确认、评价回访,全流程留痕。 5. 补贴结算模块 补贴规则配置、自动核算、对账报表、资金流向追踪。 6. 机构监管模块 资质审核、服务评价、投诉处理、红黑名单、考核排名。 7. 数据大屏模块 服务量、补贴金额、机构排名、区域热力图,辅助政府决策。 8. 安全合规模块 国密算法 SM2/SM3/SM4 加密、敏感信息脱敏、操作日志留痕。 三、业务流程与功能路径 路径一:居家老人下单 → 服务上门 → 评价结算 老人/家属在小程序选择服务品类,填写地址与时间,提交订单 服务中心平台接收需求,审核后进入智能派单池 系统按区域、技能、评分自动匹配服务商,推送工单 服务商接单,安排服务人员上门,打卡并拍照记录 老人确认完工并评价,系统生成服务记录 补贴模块按规则自动核算,政府监管平台可查资金流向 路径二:政府监管 → 机构考核 → 补贴发放 民政局在监管平台查看辖区服务数据与机构排名 对服务商资质进行审核,处理投诉与异常工单 系统按月自动生成补贴结算报表 审核通过后补贴发放,资金流向全程可追溯 数据大屏实时展示服务量、补贴金额、区域分布 路径三:机构养老 → 日常照护 → 家属查看 机构为入住老人建立护理档案,评估护理等级 护理人员每日记录照护情况、健康数据 家属通过小程序查看老人状态、预约探视 机构运营数据同步至政府监管平台,接受考核
户外电源IoT联控App
该项目是一款面向海外市场销售的户外储能电源智能控制应用,基于涂鸦 IoT 平台及 App 生态完成两款设备控制面板小程序开发,通过 WiFi 实现户外电源与云端、移动端之间的远程连接和双向通信。 应用支持剩余电量(SOC)、设备温度、太阳能输入功率、AC/DC 输出状态及功率等关键运行数据实时展示;用户可远程控制交直流输出开关,设置 SOC 充放电区间、调节交流充电功率,并完成 50/60Hz 输出频率切换等设备参数配置。 同时针对海外销售场景提供多语言界面及不同地区使用习惯适配,覆盖“设备联网 → 状态上报 → 实时监控 → 远程控制 → 参数配置 → 能源管理”完整业务流程,为用户提供户外储能设备的可视化、智能化管理能力。
智能训练设备联控App
该项目是一款面向海外市场的智能训练 IoT 产品,由智能训练硬件、Android/iOS App、小程序及配套服务组成。用户可通过 BLE 蓝牙完成设备发现、连接、绑定和控制,并根据训练计划进行智能化训练。 系统支持多设备连接与联动控制、设备状态实时上报、训练参数配置、训练计划管理、训练过程控制、训练数据记录及结果反馈等核心能力。训练过程中,App 可实时获取设备运行状态和训练数据,根据训练流程向一个或多个设备下发控制指令,实现设备与用户训练过程的同步。 整体产品覆盖“设备连接 → 参数配置 → 训练计划 → 实时控制 → 状态同步 → 数据记录 → 结果反馈”完整业务链路,形成从智能硬件到移动应用的闭环 IoT 产品体验,并针对海外用户的移动终端和实际使用场景进行适配。
小米智能家居IoT平台
参与小米智能家居平台相关研发,覆盖设备接入、消息通信、状态同步、远程控制与业务联动等核心能力。负责终端与云端协同方案落地,完成设备认证鉴权、指令下发、状态上报、场景联动及告警处理,保障多品类智能硬件稳定接入与可运维。熟悉智能家居业务链路,能够打通固件、网关、平台与应用层,支撑设备管理、用户控制与规模化接入。
《边缘计算网关上位机系统》
为XX公司(国企)新产线开发边缘网关上位机软件,工控机配置仅2核CPU/G内存,却能实时接入2000+设备点位,采集周期要求≤1秒,且需同时完成边缘计算与报警判定。作为技术架构负责人,核心挑战是在极限资源下设计轻量级高吞吐架构,确保2000点数据在1秒内完成采集、处理与推送,且CPU占用率不超过70%
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服