每天早上9:30开盘,第一件事就是打开一堆页面:同花顺看指数、东方财富看板块、雪球看个股评论区。三四个网站来回切,数据割裂,每次想做一个综合分析——比如"今天哪个板块在领涨?资金在往哪流?持仓股量价配合怎么样?"——就得在各个页面之间手动对比。
更头疼的是,这些平台的图表风格不统一,截图放进复盘笔记里乱七八糟。
于是我用 WorkBuddy 花10分钟搭了一个单页面A股分析看板,一个页面搞定:
下面完整复盘整个过程,从"怎么让 WorkBuddy 查数据"到"怎么生成可视化看板",跟着操作就能复现。
WorkBuddy 内置了两个金融数据技能:neodata-financial-search(自然语言搜索行情)和 westock-data(结构化字段查询)。只要你问的是A股市场相关问题,它们会自动激活。
直接问:
"今天上证指数、深证成指、创业板指表现怎么样?"
WorkBuddy 会调用数据源返回四大指数的实时点位、涨跌幅、成交额。不需要记代码,自然语言就行。
"最近一周北向资金净买入最多的板块是哪些?主力资金有没有明显流入?"
返回结果包含板块名称、净买入金额、占比,可以直接写进看板数据里。
"贵州茅台(600519)最近10个交易日的日K线数据,带成交量"
WorkBuddy 会自动调用 westock-data kline 返回逐日 OHLC + 成交量数组。格式可以直接对接 ECharts 的 candlestick 图。
核心技巧:把 WorkBuddy 查询结果的 JSON 数据,直接填进看板的 data 字段,省去手敲数字的步骤。
完整看板代码见附件 a-share-dashboard.html,下面拆解每个模块的实现要点。
纯 CSS 卡片,红涨绿跌配色(A股惯例):
var indexData = [
{ name:'上证指数', price:'3,215.48', change:'+0.85%', isUp:true },
// ... 深证、创业板、科创50
];
// 遍历渲染,涨红色(#e53935)、跌绿色(#16a34a)每个卡片一个 border-left 色条区分指数,点击可跳转详情(待扩展)。数据从 WorkBuddy 查询直接填入。
这是看板的信息密度最高的图。红色柱 = 主力净流入,蓝色折线 = 北向资金,一根 Y 轴同时显示两类资金的规模和趋势:
series: [
{ name:'主力净流入', type:'bar',
itemStyle:{ color:function(p){ return p.value>=0 ? RED : GREEN; } } },
{ name:'北向资金', type:'line', smooth:true,
lineStyle:{ color:'#3b82f6' } }
]注意 itemStyle 用函数动态判断正负值——流入红色、流出绿色,符合A股视觉习惯。
ECharts 的 yAxis.inverse: true + 横向柱状图,从上到下排15个行业,一眼看出谁是领涨板块:
yAxis: { type:'category', data:sectors, inverse:true },
series: [{ type:'bar', barWidth:16,
data: changes.map(function(v,i){
return { value:v, itemStyle:{ color:v>=0 ? RED : GREEN } };
})
}]ECharts 的 candlestick 类型天然支持K线图,成交量用第二根 Y 轴叠加:
series: [
{ name:'日K', type:'candlestick', data:ohlc,
itemStyle:{ color:RED, color0:GREEN, borderColor:RED, borderColor0:GREEN } },
{ name:'成交量', type:'bar', yAxisIndex:1, data:vols }
]ohlc 数组格式为 [open, close, low, high],直接从 WorkBuddy 查询的 kline 数据映射过来即可。涨红跌绿的颜色通过 color / color0 配置。
我在 WorkBuddy 里输入的是一段非常简洁的描述:
帮我做一个A股市场分析看板:
1. 单文件HTML,用ECharts CDN
2. 四大指数概览卡片(上证/深证/创业板/科创50),红涨绿跌
3. 主力资金+北向资金近10日趋势图(双柱+折线)
4. 15个申万一级行业涨跌幅横向柱状图
5. 贵州茅台(600519)日K线+成交量联动图
6. 市场广度雷达图(涨跌比/涨停数/成交额/连板率/北向/V转概率)
7. 浅底深字研报风,响应式布局WorkBuddy 直接生成了完整的 HTML 文件,包含所有 ECharts 图表的 option 配置和 CSS 布局。
关键经验:提示词里明确指定"红涨绿跌"、"浅底深字"、"ECharts CDN"这些细节,能大幅提高生成质量,减少后续手动调整。
除了建看板,WorkBuddy 在A股分析中还有几个高频用法:
"回顾一下本周申万一级行业的轮动情况,涨幅前5和跌幅前5分别是什么,有没有持续性主线?"
WorkBuddy 会拉取数据并给出结构化分析,我直接复制结论到复盘笔记。
"分析一下王子新材(002735)最近走势,看看主力资金进出、筹码分布、技术指标信号"
WorkBuddy 自动调用多个数据源(行情 + 资金 + 技术指标 + 筹码),几秒钟出一份个股简报。
"根据今天盘面,对明天A股市场做一个展望,重点关注哪些板块可能延续强势,哪些有回调风险"
结合当日资金流向、板块强度、市场情绪,WorkBuddy 会给出有逻辑支撑的预判。
ECharts 的 candlestick 有4个颜色属性:color(阳线填充)、color0(阴线填充)、borderColor(阳线边框)、borderColor0(阴线边框)。A股是红涨绿跌,和国际惯例相反,四个都要设:
itemStyle: { color:'#e53935', color0:'#16a34a', borderColor:'#e53935', borderColor0:'#16a34a' }漏一个就会看到奇怪的配色。
北向资金单日可能几十亿,主力资金单日可能几百万,放一根Y轴上小的会被压成贴地线。解决方案:量级差大的序列用双轴,或者把小序列改用折线图(比柱状图视觉上更清晰)。
我的工作流是:WorkBuddy 查数据 → 复制 JSON → 填进看板 data 字段 → 刷新浏览器。几乎不用手敲数字,整个看板更新一轮不到2分钟。
WorkBuddy 做A股分析的完整链路:
自然语言提问 → 金融 Skills 拉数据 → 返回结构化结果
↓
填入看板模板 data 字段
↓
ECharts 渲染可视化
↓
导出截图 → 复盘笔记 / 投研报告对比传统工作流(同花顺 + 东方财富 + Excel 手动汇总),这套方案把"查数据 → 看趋势 → 做复盘"的耗时从30分钟压缩到5分钟。
如果你是A股投资者、研究员或者量化爱好者,强烈建议试试这套 WorkBuddy + ECharts 的分析看板方案。附件里的 HTML 代码可以直接用,替换成你自己的指标和数据就能跑。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。