SuperAPI AI 工具集

openalgo-chart-setup

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:在用户已有项目中搭建第一个可运行的 openalgo-charts 图表,不额外创建演示页,而是接入现有工程。参数 $0 为图表类型(默认 candlestick),$1 为宿主(默认自动检测)。

主要能力与用法:先读取 package.json 并检索 react/next/vue/svelte/vite/webpack 判断宿主形态:Next 用 'use client' 客户端组件并在 useEffect 中创建;React 用 useRef + useEffect;Vue 用 shallowRef 与 onMounted/onBeforeUnmount 的 composable;有打包器无框架用普通模块;无打包器仅 HTML 用 script type=module,或 dist/openalgo-charts.standalone.js(OpenAlgoCharts 全局)加各分层 openalgo-charts.<tier>.standalone.js。安装命令为 npm install openalgo-charts,仅按需引入分层:indicators、draw(DrawingController)、transform、profile、trade(OrderEngine)、widget(createWidget)、webgl(renderer: 'auto')。

搭建要求:容器须有显式非零高度;时间值为 UTC 秒;图表只创建一次并在清理时 chart.destroy();实例放在 ref 或模块作用域,Vue 用 shallowRef;有数据源用真实数据,generateBars 仅作明确标注的占位;代码中不使用 emoji 或图标。基础写法为 createChart、addSeries('candlestick')、series.setData(bars)、chart.fitContent();成交量面板用 addSeries('histogram', { paneIndex: 1 }) 与 setPaneWeight(1, 0.3)。可用 navigation: { defaultVisibleBars: 120 } 控制默认可见根数。

数据接入:若用户指定 OpenAlgo,用 OpenAlgoLiveDataFeed({ baseUrl, apiKey, wsUrl }) 的 getBars 与 subscribeBars,REST 历史必须提供 from 和 to;在清理作用域保存 unsubscribe,历史 await 后检查存活再订阅。API key 不得写入提交的客户端源码,应取自项目现有环境变量机制。

验证与限制:不能仅凭写入文件就报告成功,需执行 npx tsc --noEmit 或 npm run build,并在有开发服务器或浏览器环境时确认画布有内容;最后报告创建或修改的文件路径、新增分层及验证方式。资料未提供具体版本要求、收费与平台支持细节。