Repolode
提交项目
tradingview

tradingview/lightweight-charts

一个轻量、高性能的 HTML5 Canvas 金融图表库，用于在网页中绘制交互式图表。

可替代:TradingView

在 GitHub 查看官网
Star
17,784
Fork
2,693
未关闭 Issue
132
最近提交
昨天

这是什么？

Lightweight Charts 是 TradingView 开源的 TypeScript 图表库，基于 HTML5 Canvas 渲染可交互的金融图表。它的目标是用交互式图表替代网页上的静态图片，同时对页面体积和加载速度的影响很小。

开发者通过 createChart 创建图表，再添加折线等系列并传入带时间戳的数据即可使用。库可以通过 npm 安装，也可以通过 CDN 以独立打包版本引入，并提供开发版和生产版等多种构建产物。项目还提供插件机制，可以用于扩展内置功能之外的图表能力。

项目采用 Apache-2.0 许可证，使用时需按条款对 TradingView 进行署名，可通过图表配置项 attributionLogo 展示链接。

核心功能

  • 01基于 HTML5 Canvas 渲染可交互的金融图表。
  • 02可通过 npm 安装，也可通过 CDN 以独立版本引入。
  • 03支持插件机制，可自定义系列和图元。
  • 04提供 ES 模块与 IIFE 格式的开发版和生产版构建。
  • 05基于 TypeScript 编写，提供类型定义和示例文档。

适用场景

  • 为交易或行情数据网站添加可交互的价格图表。
  • 在仪表盘中用交互图表替代静态图片，减小页面体积。
  • 借助插件 API 构建定制化的金融可视化效果。

快速上手

  1. 1

    从 npm 安装该库

    npm install lightweight-charts
  2. 2

    导入 createChart 和 LineSeries，然后在页面中创建图表

使用前须知

  • 专注于金融图表展示，并非通用图表库。

收录于专题

数据科学课程与工具

标签

#charting#finance#canvas#typescript#data-visualization#javascript#charting-library#charts#financial-charting-library#html5-charts

常见问题

lightweight-charts 是什么？
一个轻量、高性能的 HTML5 Canvas 金融图表库，用于在网页中绘制交互式图表。 Lightweight Charts 是 TradingView 开源的 TypeScript 图表库，基于 HTML5 Canvas 渲染可交互的金融图表。它的目标是用交互式图表替代网页上的静态图片，同时对页面体积和加载速度的影响很小。
lightweight-charts 可以免费使用吗？用的什么许可证？
lightweight-charts 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
lightweight-charts 还在维护吗？
活跃维护中。lightweight-charts 最近一次提交是在 2026年11月6日。
lightweight-charts 适合用来做什么？
为交易或行情数据网站添加可交互的价格图表。 在仪表盘中用交互图表替代静态图片，减小页面体积。 借助插件 API 构建定制化的金融可视化效果。
lightweight-charts 怎么安装和运行？
从 npm 安装该库: npm install lightweight-charts 导入 createChart 和 LineSeries，然后在页面中创建图表
在哪里获取 lightweight-charts？
源代码和安装说明在 GitHub 上：https://github.com/tradingview/lightweight-charts

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目