轻量级图表™

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

如果您想在网页上展示金融数据作为交互式图表，而不影响网页加载速度和性能，轻量级图表™库是您的最佳选择。

如果您想用交互式图表替换静态图像图表，它也是最佳选择。该库的大小接近静态图像，但如果您的网页上有数十个图像图表，使用此库可以使您的网页体积更小。

安装

通过npm使用es6

npm install lightweight-charts

import { createChart } from 'lightweight-charts';

const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
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/lightweight-charts/dist/lightweight-charts.standalone.production.js

独立版本创建了window.LightweightCharts对象，包含esm版本的所有导出：

const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
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 },
]);

构建变体

包含依赖项	模式	ES模块	CommonJS ⚠️	IIFE (`window.LightweightCharts`)
否	生产	`lightweight-charts.production.mjs`	`lightweight-charts.production.cjs`	不适用
否	开发	`lightweight-charts.development.mjs`	`lightweight-charts.development.cjs`	不适用
是（独立）	生产	`lightweight-charts.standalone.production.mjs`	-	`lightweight-charts.standalone.production.js`
是（独立）	开发	`lightweight-charts.standalone.development.mjs`	-	`lightweight-charts.standalone.development.js`

⚠️ 弃用提示： CommonJS支持将于2024年初从库中移除。

开发

有关如何从源代码构建lightweight-charts的说明，请参阅BUILDING.md。

许可证

根据Apache许可证2.0版（"许可证"）获得许可；除非符合许可证，否则您不得使用此软件。您可以在LICENSE文件中获取许可证的副本。除非适用法律要求或书面同意，根据许可证分发的软件是基于"按原样"的基础分发的，不附带任何明示或暗示的担保或条件。有关许可证下的特定语言管理权限和限制，请参阅许可证。

本软件包含了tslib（https://github.com/Microsoft/tslib，(c) Microsoft Corporation）的几个部分，这些部分受BSD Zero Clause License的保护。

此许可证要求指定TradingView作为产品创建者。您应在您的网站或移动应用程序对用户可见的页面上添加NOTICE文件中的"归属声明"和指向https://www.tradingview.com/的链接。作为创建此产品的感谢，我们将非常感激您将其放置在显眼的位置。您可以使用图表选项attributionLogo在图表本身上显示适当的链接到https://www.tradingview.com/，这将满足链接要求。