轻量级的图表™

这是一个叉子。 它发布在 @bishopbot npm范围，而不是作为 lightweight-charts。TradingView的上游项目保持不受范围限制 名称和名称 @tradingview 范围，并且是要安装的项目，如果您需要 原件。看到 出版 下面。

演示 | 文档 | Reddit

TradingView轻量级图表™是最小和最快的金融HTML5图表之一。

轻量级图表™如果您想在网页上显示财务数据作为交互式图表，或者用交互式图表替换静态图像图表，library是您的最佳选择。它不会影响您的网页的加载速度和性能。 库的大小接近于静态图像，但如果你在一个网页上有几十个图像图表，那么使用这个库可以使你的网页的大小更小。

该库提供了一组丰富的图表功能，但您也可以通过构建自定义插件来扩展其功能。浏览 插件目录 对于现成的插件，或请参阅 交互式插件示例 和 plugin-examples / README.md 建立你自己的。

看一看 awesome-tradingview 我们的社区成员创建的相关项目。

安装

es6通过npm

npm install @bishopbot/lightweight-charts

最新的主版本

尝试最新的 master 无需等待发布即可构建 (由 pkg.pr.new):

npm install https://pkg.pr.new/@bishopbot/lightweight-charts@master

下面的导入和使用适用于两个npm安装选项:

import { createChart, LineSeries } from '@bishopbot/lightweight-charts';

const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addSeries(LineSeries);
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

CDN

你可以用 unpkg：

https://unpkg.com/@bishopbot/lightweight-charts/dist/lightweight-charts.standalone.production.js

独立版本创建 window.LightweightCharts 对象，并从中导出所有内容 esm 版本：

const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addSeries(LightweightCharts.LineSeries);
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

构建变体

AI编码助手

此存储库包含两个 代理技能 用于AI编码助手，例如Claude Code和Codex。这些技能为助手提供了当前的v5知识，而不是从培训中记住的过时片段:

• lightweight-charts 是关于 使用 图书馆。它涵盖了v5 API约定，心理模型，以及常见的时间，规模，标记，插件和包装脚枪。
• lightweight-charts-plugin-authoring 是关于 写作 一个 插件。该技能有助于在自定义系列和原始系列之间进行选择，并建立在 @bishopbot/lwc-toolkit,并从官方的外套包中学习。它还警告常见的自动缩放，空白和命中测试一下陷阱。这个 create-lwc-plugin Wizard提供将此技能安装到一个新的插件项目中。

安装一个或两个 skills CLI; 添加 --skill <name> 从两个中选择一个：

npx skills add bishop-bot/lightweight-charts

开发

看到 建筑.md 有关如何从源代码构建库的说明。

出版

此fork的包在 @bishopbot 范围:

每个插件中的库的对等依赖关系是 @bishopbot/lightweight-charts （^6.0.0）; 上游 lightweight-charts 保持一个可选的同龄人，所以一个 已经依赖于上游5.X行的项目不必更改 它。看到 .agents/skills/npm-publish/SKILL.md 对于释放流。

许可证

根据Apache许可证2.0版（“许可证”）进行许可；除非遵守许可，否则您不得使用本软件。 您可以在 许可证 文件。 除非适用法律另有规定或双方书面约定，否则根据本许可证分发的软件按“原样”提供，不附带任何明示或暗示的担保或条件。有关许可证中规定的具体语言、权限及限制，请参阅该许可证。

该软件包含了tslib的几个部分 (https://github.com/Microsoft/tslib,(c) 微软公司) 受BSD零条款许可的保护。

此许可要求指定TradingView作为产品创建者。 您应添加通知文件中的 “归属通知” 和指向 https://www.tradingview.com/ 到您的网站或移动应用程序中可供用户使用的页面。 感谢您创建此产品，如果您将其添加在显眼的位置，我们将不胜感激。 你可以使用 attributionLogo 图表选项，用于显示到的适当链接 https://www.tradingview.com/ 在图表本身，这将满足链接的要求。