lightweight-charts
TradingView出品的高性能金融图表库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：lightweight-charts。 它的用途是：TradingView出品的高性能金融图表库 完整的 Skill 内容见：https://321skill.com/skills/lightweight-charts/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要在我的Vue项目里展示一支股票的日K线图，使用Lightweight Charts库。” AI会提供核心代码片段，指导你安装库、创建图表容器、配置K线系列（CandlestickSeries）并传入格式化的OHLC（开盘、最高、最低、收盘）数据，最终实现一个可交互缩放、带十字光标的专业K线图。
介绍
Lightweight Charts™ 是TradingView推出的一个极简、高性能的金融HTML5图表库，旨在解决网页中金融数据可视化时遇到的性能瓶颈和加载速度问题。它通过高度优化的代码，将库的体积压缩到接近静态图片的水平，使得在网页中嵌入交互式金融图表时，几乎不会影响页面的整体加载速度和性能表现。
使用方式非常灵活，开发者可以通过npm安装或CDN直接引入。核心API简洁明了，只需几行代码即可创建包含折线、K线等系列的交互式图表，并支持丰富的自定义配置和事件交互。
该库特别适合需要在产品中展示实时或历史金融数据（如股票、加密货币、外汇价格）的Web开发者、金融科技公司以及任何希望用动态图表替代静态图片以提升用户体验的团队。
与同类重量级图表库（如Highcharts的金融版本或ECharts）相比，Lightweight Charts™ 的核心优势在于其极致的轻量化和为金融数据展示所做的专门优化，它专注于金融图表这一垂直领域，提供了开箱即用的时间序列、价格缩放、十字光标等专业功能，而非一个面面俱到的通用图表库。
核心特点
核心区别在于其极致的轻量化（库体积极小）和专为金融时间序列数据展示进行的深度优化，性能远超通用图表库，加载速度可媲美静态图片。
注意事项
不适合需要绘制复杂非金融图表（如地图、关系图、3D图表）或需要高度定制非标准金融图表组件的场景。
常见问题
Lightweight Charts 是免费的吗？
是的，它是一个开源且免费的库，遵循Apache 2.0许可证。
它能绘制实时K线图吗？
可以，它支持动态添加和更新数据，非常适合展示实时流式金融数据。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/lightweight-charts/raw/index.md 读取 lightweight-charts 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/lightweight-charts/raw/index.md（查看排版版本）