轻量级图表
v4.2.1
演示 |文档 |不和谐社区 |红迪网
TradingView Lightweight Charts™ 是最小且最快的金融 HTML5 图表之一。
如果您想在网页上将财务数据显示为交互式图表而不影响网页加载速度和性能，Lightweight Charts™ 库是您的最佳选择。
如果您想用交互式图表代替静态图像图表，它是您的最佳选择。该库的大小接近静态图像，但如果您的网页上有数十个图像图表，那么使用该库可以使您的网页大小更小。
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 } ,
] ) ;您可以使用 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 | 不适用 |
| 不 | DEV | lightweight-charts.development.mjs | lightweight-charts.development.cjs | 不适用 |
| 是（独立） | 生产 | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| 是（独立） | DEV | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
有关如何从源代码构建lightweight-charts的说明，请参阅 BUILDING.md。
根据 Apache 许可证 2.0 版（“许可证”）获得许可；除非遵守许可，否则您不得使用本软件。您可以在 LICENSE 文件中获取许可证的副本。除非适用法律要求或书面同意，否则根据许可证分发的软件均按“原样”分发，不带任何明示或暗示的保证或条件。请参阅许可证，了解许可证下管理权限和限制的特定语言。
该软件包含 tslib（https://github.com/Microsoft/tslib，(c) Microsoft Corporation）的多个部分，这些部分受 BSD 零条款许可证保护。
该许可证要求指定 TradingView 作为产品创建者。您应将通知文件中的“归属通知”以及 https://www.tradingview.com/ 的链接添加到您的用户可用的网站或移动应用程序页面。为了感谢您创建此产品，如果您将其添加到显眼的位置，我们将不胜感激。您可以使用attributionLogo图表选项在图表本身上显示 https://www.tradingview.com/ 的适当链接，这将满足链接要求。
