輕量級圖表
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/ 的適當鏈接，這將滿足鏈接要求。
