LightningChart JS是Web上性能最高的圖表庫具有出色的執行性能 - 使用高數據速率同時監控數十個數據源。 GPU加速和WebGL渲染確保您的設備的圖形處理器得到有效利用，從而實現高刷新率和流暢的動畫。非常適合用于貿易，工程，航空航天，醫藥和其他領域的應用。

點擊下載LightningChart JS最新試用版

LightningChart JS是基于WebGL的，閃電般快速的實時數據可視化圖表庫，其重點是出色的性能。性能測試結果證明，它能夠以2D和3D可視化其他JS庫所無法提供的流數據速率。最快的JavaScript渲染圖庫。

交互式示例，可即時進行代碼編輯

使用典型的臺式機的性能結果：

• 流，滾動線系列：1百萬個數據點：60 FPS（重繪/秒）
• 流，滾動區域系列：1百萬個數據點：57 FPS（重繪/秒）
• OHLC燭臺：1百萬個數據點：57 FPS（重涂/秒）

• GPU加速和WebGL渲染
• 直觀的觸摸屏交互功能，包括縮放，平移，移動數據光標等
• 儀表板控件，能夠呈現100多個圖表。
• 支持服務器端渲染（與我們的@ arction / lcjs-headless包一起使用）
• 圖表類型：3D，XY，熱圖，雷達/蜘蛛圖，餅圖/甜甜圈圖，漏斗圖，量規和金字塔圖

安裝

1.從NPM安裝并使用捆綁器

從NPM安裝庫軟件包。

npm install --save @arction/lcjs

該軟件包可與任何支持CommonJS的捆綁器一起使用。可以使用的打包程序的一些示例是WebPack，Parcel和Rollup。

查看我們有關LightningChart JS的入門視頻，以了解實際效果。

我們的任何示例都可以用作種子項目。該頁面上的所有示例均針對獨立的存儲庫，可在我們的GitHub上找到。獨立示例存儲庫

2.直接在網頁上使用IIFE捆綁包

該庫隨瀏覽器就緒的IIFE捆綁包一起分發。此捆綁包可直接在帶有script標簽的瀏覽器中使用。您可以在我們的GitHub上看到此方法的示例實現。LightningChart JS html用法示例。

我們所有的示例都可以在html頁面中使用。要使用它們，請首先從交互式示例中找到要使用的示例。點擊Edit this example。在頁面底部，單擊顯示為的按鈕CJS。這將使我們的代碼兼容IIFE。之后，可以將代碼復制到html頁面。

許可選項

非商業性，社區許可

社區許可證與NPM軟件包一起以LICENSE文件形式分發，也可以從以下網址找到：https：//www.arction.com/lightningchart-js-eula-community/

未經許可使用該庫時，它將在圖表上帶有LightningChart JS徽標。徽標是指向LightningChart JS產品頁面的鏈接。

當圖表在沒有許可證密鑰的情況下運行時，與使用有效許可證的情況相比，性能會有小幅下降。

商業執照

可以從以下網址找到商業許可證：https：//www.arction.com/lightningchart-js-eula-commercial/

如果您使用的不是社區許可證，則適用商業許可證。

開發許可證

在商業環境中進行開發需要開發許可證。許可證已通過許可證服務器驗證。許可證驗證需要Internet連接。每個開發人員都需要自己的開發許可證。有關如何使用開發許可證，請參見“使用許可證”。使用開發密鑰時，圖表將與生產中的圖表一樣。

部署許可證

商業用途需要部署許可證。部署許可證的提供方式與開發許可證相同。有關如何使用部署許可證，請參閱“使用許可證”。

使用部署許可證時，將顯示不帶LightningChart JS徽標的圖表。部署許可證支持“部署測試”域。如果該庫當前正在運行的域與使用部署許可證指定的部署測試域匹配，則該圖表將在圖表頂部顯示“ Deployment Test”文本。該域旨在支持使用暫存環境，并且能夠在不更改許可證的情況下切換到生產版本。

應用程序部署許可證

在Web以外的其他平臺上部署任何應用程序都需要應用程序部署許可證。有關如何使用應用程序部署許可證，請參閱“使用許可證”。

使用應用程序部署許可證時，將顯示不帶LightningChart JS徽標的圖表。

購買

可以在我們的網站上找到不同的購買選項。

入門

Javascript包

該庫作為單個javascript 模塊分發。它的出口可分為兩類：

閃電圖

這對于每個lcjs應用程序都是必需的，因為它需要創建Charts，Dashboards，LegendBoxes。它的用法始終相同：

// 導入庫。
const { lightningChart } = require （“ @ arction / lcjs ”） ;     
 
// 創建一個lightningChart實例來創建圖表。
const lc = lightningChart （） ;   
 
// 使用“ LightningChart”界面的方法創建圖表。
const cartesianChart = lc 。ChartXY （） ;   
const spiderChart = lc 。蜘蛛（） ;   
//  ...

要使用LightningChart JS許可證，必須將其作為參數傳遞給lightningChart，如下所示：

// 創建一個LightningChart實例來創建圖表。
//  -----許可版本-----
const lc = lightningChart （ myLicenseString ） ;   

要使用LightningChart JS應用程序部署許可證，您還必須傳遞一個包含許可證信息的對象。

// 創建一個LightningChart實例來創建圖表。
//  -----應用程序部署許可版本-----
const lc = lightningChart （ myLicenseString ，  licenseInformationObject ） ;   

個別導出樣式，設置，實用程序，構建器...

LightningChart®JS還包括其他一系列導出，用于樣式設置，配置圖表以及與圖表進行交互，構建不同的UI元素以及其他內容。這些可以根據需要從lcjs模塊中導入：

// 從LightningChart®JS模塊導入所需的零件。
const { 
    lightningChart ，
    色彩RGBA ，
    AxisScrollStrategies ，
    //  ... 
}  = require （“ @ arction / lcjs ”） ; 

用法示例

const { lightningChart ，DataPatterns } = require （“ @ arction / lcjs ”） ;      
 
// 創建笛卡爾圖表。
const chart = lightningChart （）。ChartXY （） ;   
 
// 添加一個系列，以渲染針對X進行優化的行。
const lineSeries = chart 。addLineSeries （{   
    dataPattern ：數據模式。horizontalProgressive ， 
} ） ;
 
// 附加點位置。（請注意，選定的數據模式期望它們以X遞增。）
lineSeries 。添加（[
    {  x ：0 ，  y ：0 } ，   
    {  x ：20 ，  y ：0 } ，   
    {  X ：45 ，  ? ：- 47 } ，   
    {  x ：53 ，  y ：335 } ，   
    {  x ：57 ，  y ：26 } ，   
    {  x ：62 ，  y ：387 } ，   
    {  x ：74 ，  y ：104 } ，   
    {  x ：89 ，  y ：0 } ，   
    {  x ：95 ，  y ：100 } ，   
    {  x ：100 ，  y ：0 } ，   
] ） ;

想要購買LightningChart JS正版授權，或了解更多產品信息請點擊