由于 trendforge.devlive.top 访问受限，请切换到 trendforge.devlive.org 域名

项目介绍 快速开始 学习路径 贡献者 6 增长趋势 Commit 历史 代码统计 生态关系 项目时间线 项目竞品 上榜历史

项目时间线

Fork 突破 100

获得第 100 个 Fork

Forks: 100 2026-09-30

首次上榜

首次进入趋势榜的时间

2026-10-02

历史最佳排名

最佳排名时间段

排名: #13 2026-10-04

时间线最后活跃

时间线最后活跃描述

2026-10-04

相关项目推荐

freeCodeCamp

freeCodeCamp/freeCodeCamp

freeCodeCamp.org开源代码库与课程体系，免费学习数学、编程与计算机科学

456k TypeScript
openclaw

openclaw/openclaw

属于你个人的AI助手。全操作系统支持。全平台兼容。龙虾之道。🦞

393k TypeScript
nilbuild

nilbuild/developer-roadmap

交互式路线图、指南及其他教育内容，助力开发者职业成长。

365k TypeScript
morluto

morluto/rea

使用代理对任何内容进行逆向工程，从应用程序行为到本机二进制文件。

322k TypeScript
anomalyco

anomalyco/opencode

开源编程智能体

221k TypeScript
vuejs

vuejs/vue

此仓库为Vue 2版本。Vue 3版本请访问https://github.com/vuejs/core

210k TypeScript
助手
\\n\\n\"},{\"step\":4,\"title\":\"启动本地服务器\",\"description\":\"使用一个简单的本地服务器（如 `serve`）来提供文件，因为浏览器需要模块加载。\",\"commands\":[{\"command\":\"npx serve\",\"description\":\"启动一个本地开发服务器（如果未安装 `serve`，npm 会临时下载）\"}],\"expectedOutput\":\"服务器启动，并在终端显示本地访问地址，通常是 `http://localhost:3000`。\",\"tips\":\"如果 `npx` 命令不可用，请先全局安装 `serve`：`npm install -g serve`，然后运行 `serve`。\"},{\"step\":5,\"title\":\"查看图表\",\"description\":\"在浏览器中打开本地服务器地址。\",\"commands\":[{\"command\":\"在浏览器中打开 `http://localhost:3000`\",\"description\":\"访问正在运行的服务器。\"}],\"expectedOutput\":\"您将看到一个完整的、交互式的金融图表，显示 BTC/USDT 的每日 K 线数据。图表应支持鼠标滚动、缩放和移动。\",\"tips\":\"如果图表是空白的，请检查浏览器开发者工具控制台（F12）是否有错误。最常见的错误是资源路径问题。\"}],\"verification\":{\"title\":\"验证成功\",\"description\":\"当您在浏览器中看到一个功能完整的交互式 K 线图表时，说明项目已成功运行。\",\"successIndicators\":[\"图表区域显示 K 线图\",\"鼠标可以拖动和缩放图表\",\"图表底部可能显示日期和价格信息\"]},\"quickTips\":[{\"tip\":\"Vela 使用本地渲染器，默认尝试 WebGL2，如果失败则回退到 Canvas2D。\",\"category\":\"性能\"},{\"tip\":\"快速按下 `?` 键可以打开快捷键面板。\",\"category\":\"交互\"},{\"tip\":\"默认情况下，图表会加载 `BINANCE:BTCUSDT` 的日线数据。您可以通过 `data.load()` 方法更改数据源。\",\"category\":\"数据\"},{\"tip\":\"如果您想完全离线使用，可以在配置中提供自己的 `data` 数组。\",\"category\":\"离线\"}],\"troubleshooting\":[{\"problem\":\"图表区域为空白。\",\"solution\":\"1. 按 F12 打开浏览器开发者工具，查看控制台（Console）中的错误信息。 2. 确认 `index.html` 文件中 `script` 标签的 `src` 路径指向 `/node_modules/@luxalgo/vela/dist/vela.global.js`。 3. 确保本地服务器（`serve`）正在运行。\"},{\"problem\":\"npm install 速度很慢或失败。\",\"solution\":\"1. 检查网络连接。 2. 尝试更换 npm 镜像源，例如使用淘宝镜像：`npm install -g @luxalgo/vela --registry=https://registry.npmmirror.com`。\"},{\"problem\":\"图表显示，但数据加载失败。\",\"solution\":\"1. 检查网络请求，Vela 的内置提供者（如 Binance）可能需要访问外部 API。 2. 如果您在受限制的网络环境，请考虑使用离线数据。\"}],\"nextActions\":[{\"action\":\"查看完整文档\",\"description\":\"访问项目主页的文档部分，了解所有配置选项和 API。\"},{\"action\":\"探索插件 SDK\",\"description\":\"如果您想创建自定义图表类型或渲染层，可以研究插件 SDK。\"},{\"action\":\"尝试不同的数据提供者\",\"description\":\"在 `chart.data.load()` 中替换 `symbol` 和 `resolution`，或者尝试其他内置提供者如 Coinbase。\"},{\"action\":\"集成到现有项目\",\"description\":\"将 `createChart` 函数集成到您的前端框架（如 React, Vue）项目中。\"}]}","ecosystem_tags_ai":null,"screenshots":null,"language":"TypeScript","stars":960,"forks":179,"pushed_at":"2026-10-04 15:58:49","created_at":"2026-10-03 10:21:04","updated_at":"2026-10-13 00:25:11","trending_date":"2026-10-04","ranking":13,"period":"weekly","current_period_stars":523,"language_color":"#3178c6","trending_date_formatted":"2026-10-04","created_at_formatted":"2026-10-03 10:21:04","updated_at_formatted":"2026-10-13 00:25:11","pushed_at_formatted":"2026-10-04 15:58:49"}; const I18N = (window._aiChatI18N && window._aiChatI18N[componentId]) || {}; messagesContainer.innerHTML = `

${I18N.conversationCleared || ''}

${I18N.newQuestionHint || ''}

`; suggestionsEl.classList.remove('hidden'); messagesContainer.appendChild(suggestionsEl); if (typeof window.loadSuggestions === 'function') { window.loadSuggestions(); } } function escapeHtmlChat(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; }